Menü
Und noch ein tolles Menü, welches sehr einfach zu konfigurieren ist.
<!-- Script-Anfang --> <!-- Diesen Code musst Du in den head-Tag einfügen--> <!-- Original: CodeLifter.com (support@codelifter.com) --> <!-- Web Site: http://www.codelifter.com --> <style> <!-- Begin .BorderOn { width:90px; margin-left:10px; border:1px solid #456789 } .BorderOff { width:90px; margin-left:0px; border:1px solid #444444 } A.mBlue:link {color:#00CCFF; text-decoration:none;} A.mBlue:visited {color:#00CCFF; text-decoration:none;} A.mBlue:active {color:#00CCFF; text-decoration:none;} A.mBlue:hover {color:#FF0000; text-decoration:underline;} A.mGreen:link {color:#00FF80; text-decoration:none;} A.mGreen:visited {color:#00FF80; text-decoration:none;} A.mGreen:active {color:#00FF80; text-decoration:none;} A.mGreen:hover {color:#FF0000; text-decoration:underline;} A.mYellow:link {color:#FFFF00; text-decoration:none;} A.mYellow:visited {color:#FFFF00; text-decoration:none;} A.mYellow:active {color:#FFFF00; text-decoration:none;} A.mYellow:hover {color:#FF0000; text-decoration:underline;} //--> </style> <script language="JavaScript1.2"> <!-- Begin offMessage = "Add this menu to your site!" function boxOn(which,message) { if (document.all||document.getElementById) { which.className = 'BorderOn'; if (document.getElementById) { document.getElementById("Message").innerHTML = message } else { Message.innerHTML = message; } } } function boxOff(which) { if (document.all||document.getElementById) { which.className = 'BorderOff'; if (document.getElementById) { document.getElementById("Message").innerHTML = offMessage } else { Message.innerHTML = offMessage; } } } // End --> </script> <!-- Diesen Code musst Du in den <body> einfügen.--> <!-- Outer Container Table //--><table cellpadding="0" cellspacing="0" width="100"> <tr> <td align="center"> <!-- Header Table // --><table cellpadding="3" cellspacing="0" bgcolor="#000000" class="BorderOff"> <tr> <td> <font size="2" color="#FEDCBA">Kopfzeile</font> </td> </tr> </table> <!-- End Header Table //--> <!-- Menu Items Tables - To add more, just follow the pattern - Note class= in each <a href> to attach link style colors //--> <!-- Menu Item One Table //--><table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'ScriptSeiten')" onMouseout="boxOff(this)"> <tr> <td> <a class="mblue" href="http://www.java24.net"><font size="2">Menü 1</font></a> </class="mblue"> </td> </tr> </table> <!-- Menu Item Two Table //--><table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Beschreib. 2')" onMouseout="boxOff(this)"> <tr> <td> <a class="mGreen" href="http://www.your-link-here.com"><font size="2">Menü 2</font></a> </td> </tr> </table> <!-- Menu Item Three Table //--><table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Beschreib. 3')" onMouseout="boxOff(this)"> <tr> <td> <a class="mYellow" href="http://www.your-link-here.com"><font size="2">Menü 3</font></a> </td> </tr> </table> <!-- Menu Item Four Table //--><table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Beschreib. 4')" onMouseout="boxOff(this)"> <tr> <td> <a class="mBlue" href="http://www.your-link-here.com"><font size="2">Menü 4</font></a> </td> </tr> </table> <!-- End Menu Items Tables //--> <!-- Message Table //--> <!-- Set the width= of this table the same as the overall width in the <style> //--><table cellpadding="1" cellspacing="0" bgcolor="#444444" width="90"> <tr> <td> <!-- Set the width= of this table to the overall width in the style table minus 2x the border width; set the height= long (large) enough to accommodate your longest message //--><table cellpadding="3" cellspacing="0" bgcolor="#000000" width="88" height="100"> <tr> <td align="left" valign="top"> <font id="Message" color="#CBA987" size="2" face="Arial">Bewege die Maus über die Einträge.</font> </td> </tr> </table> </td> </tr> </table> <!-- End Message Table //--></td> </tr> </table> <!-- End Outer Container Table //--> <!-- END OF MENU //--> <!-- Script-Ende -->
