|
 |
  |
| Autor |
Nachricht |
hypercomputer
Neuer [User]
Anmeldung: 07.02.05
Beiträge: 1
|
 Verfasst am: 07.02.2005, 11:58 Titel: Submenüs erstellen |
 |
|
hi
ich habe hier folgendes Template und wollte Fragen wie ich die Text-Links als Menüs mit Submenüs nutzen kann, die sich nach links aufklappen, aber wenn möglich mit dem Hintergrund des Ursprunglinks, d.h. jeder Link z.B. Home steht auf einer .jpg Datei genau diese, soll sich dann wie eben beschrieben aufklappen.
Das ist die html Datei:
| Code: |
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<meta name="author" content="Jürgen Asendorf">
<meta name="keywords"
content="homepage, webseite, internetseite, webdokument, homepage webseite internetseite webdokument">
<meta name="description"
content="homepage, webseite, internetseite, webdokument, homepage webseite internetseite webdokument">
<title>Homepage, Webseite, Internetseite, Webdokument </title>
<meta name="expires" content="20 days">
<meta name="revisit" content="after 21 days">
<meta name="page-type" content="beschreibung, anleitung,private homepage">
<meta name="audience" content="studenten,schüler,anfänger,alle">
<meta name="robots" content="INDEX,FOLLOW">
<link rel="stylesheet" type="text/css" href="format.css" >
<!--Diese Vorlage ist für den privaten Gebrauch kostenlos und frei zu verwenden.
Eine kommerzielle Weiterverarbeitung jeglicher Art (z.B. das Einbinden eines Webshops, das Anbieten von kostenpflichtigen Dienstleistungen oder das Nutzen der Vorlage für eigene Vermarktungszwecke, z.B für ein Hotel oder ein Restaurant oder ähnliches )ist nur nach Rücksprache mit dem Autor möglich.
Möchten Sie diese Vorlage kommerziell nutzen, sprechen Sie mich (Jürgen Asendorf)bitte an.
Gegen einen geringfügigen einmaligen Betrag können Sie die Nutzungsrechte erwerben.
-->
<script>
<!--
function BlurLinks(){
lnks=document.getElementsByTagName('a');
for(i=0;i<lnks.length;i++){
lnks[i].onfocus=new Function("if(this.blur)this.blur()");
}
}
onload=BlurLinks;
-->
</script>
</head>
<body background="images/back_nav.jpg" bgcolor="#ffc106" text="white" topmargin="0" marginheight="0" leftmargin="0" marginwidth="0">
<table border="0" cellpadding="0" cellspacing="0" width="100%" >
<tr>
<td valign="top" ><img src="images/nav_ob.gif" width="192" height="20" border="0" alt=""></td>
</tr>
<tr>
<td valign="top" ><table border="0 " cellpadding="0" cellspacing="0" width="100%" id="menu1">
<tr>
<td background="images/01.gif" width="192" height="26" ><a href="inhalt.html" target="haupt"> Home</a></td>
</tr>
<tr>
<td background="images/02.gif" width="192" height="26" ><a href="inhalt.html" target="haupt"> News</a></td>
</tr>
<tr>
<td background="images/03.gif" width="192" height="26" ><a href="inhalt.html" target="haupt"> Highlights</a></td>
</tr>
<tr>
<td background="images/04.gif" width="192" height="26" ><a href="inhalt.html" target="haupt"> Meine Bilder</a></td>
</tr>
<tr>
<td background="images/05.gif" width="192" height="26" ><a href="inhalt.html" target="haupt"> Privates Gästebuch</a></td>
</tr>
<tr>
<td background="images/06.gif" width="192" height="26" ><a href="inhalt.html" target="haupt"> Partnerseiten</a></td>
</tr>
<tr>
<td background="images/07.gif" width="192" height="26" ><a href="inhalt.html" target="haupt"> Forum</a></td>
</tr>
<tr>
<td background="images/08.gif" width="192" height="26" ><a href="inhalt.html" target="haupt"> Kontakt</a></td>
</tr>
<tr>
<td background="images/09.gif" width="192" height="26" ><a href="inhalt.html" target="haupt"> Link 9</a></td>
</tr>
<tr>
<td background="images/10.gif" width="192" height="26" ><a href="inhalt.html" target="haupt"> Link 10</a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><img src="images/nav_un.gif" width="192" height="33" border="0" alt=""></td>
</tr>
</table>
</body>
</html> |
Das ist die .css Datei
| Code: |
/* schriftstil,abstände,farben */
body
{margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 0px; color: black; background-color: white; font-family: verdana,arial; font-size: 10pt;}
table,tr,td
{margin-top: 0px; margin-left: 0px; margin-right: 0px;font-family: verdana,arial; font-size: 10pt; }
/* scrolleiste internet explorer ab vers.5.5 */
body
{scrollbar-arrow-color:#949400 ; scrollbar-base-color: white;
scrollbar-highlight-color : #808080; scrollbar-shadow-color : black;}
/* menue links */
#menu1 a {display: block; color:white; text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;width:194px;
}
#menu1 a:visited{ color:white;text-decoration:none;font-family:verdana, sans-serif; font-size:10pt;width:194px;
}
#menu1 a:active{ color:silver;text-decoration:none;font-family:verdana, sans-serif; font-size: 10pt;width:194px;
}
#menu1 a:hover { color:#ffff99; text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;width:194px;
}
/* allgemeine links */
a:link{ color: #949400; text-decoration:underline; font-family: verdana; font-size: 10pt; }
a:visited{color: #949400;text-decoration:underline;font-family: verdana; font-size: 10pt; }
a:active{ color:#949400;text-decoration:underline;font-family: verdana; font-size: 10pt; }
a:hover{ color: black ; text-decoration:overline;font-family: verdana; font-size: 10pt; } |
Ich hoffe ihr könnt mir da weiter helfen  [/quote]
|
|
| Nach oben |
|
 |
|
|
  |
|
Alle Zeiten sind GMT + 1 Stunde
|
| Seite 1 von 1 |
|  |
