Huhu,
Ich habe vor, die Menü Leiste, so anzupassen, wie hier:
page4clan.de/demo_whiteice
Leider häng ich ziemlich drann fest
mfg
betroffene Homepage: king2k4.ki.funpic.de/Ilch/1/
Hier kann eine Notiz zum Merk-Eintrag hinzugefügt werden (optional)
Geschlossen |
<link href="include/designs/d-design/Bilder/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> <!-- function montre(id) { with (document) { if (getElementById) getElementById(id).style.display = 'block'; else if (all) all[id].style.display = 'block'; else layers[id].display = 'block'; } } function cache(id) { with (document) { if (getElementById) getElementById(id).style.display = 'none'; else if (all) all[id].style.display = 'none'; else layers[id].display = 'none'; } } //--> </script> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #121212; } .Stil6 {font-size: 12px; font-weight: bold; } .Stil12 {color: #000000; } .Stil14 { font-size: 10px; font-family: Arial, Helvetica, sans-serif; } .Stil15 {color: #fffff} --> </style> </head> <table width="980" height="367" border="0" align="center" cellpadding="0" cellspacing="0" background="include/designs/d-design/Bilder/slice_01.jpg"> <tr> <td valign="bottom"><table width="980" border="0"> <tr> <td width="322" height="155"> </td> <td width="398"> </td> <td width="246" valign="bottom"><table width="200" height="0" border="0"> <tr> <td width="10" height="65"> </td> <td width="135" valign="top" class="Stil14"><p>{_boxes_login}</p> </td> <td width="41"> </td> </tr> <tr> <td height="20"> </td> <td class="Stil14"> </td> <td> </td> </tr> </table></td> </tr> </table></td> </tr> </table> <table width="980" height="56" border="0" align="center" cellpadding="0" cellspacing="0" background="include/designs/d-design/Bilder/slice_02.jpg"> <tr> <td valign="top"><table width="631" border="0"> <tr> <td width="23"> </td> <td width="278"> </td> <td width="316"><a href="javascript:void(0);" onclick="montre('smenu1'); cache('smenu2'); cache('smenu3');"> menu 1 </a> <a href="javascript:void(0);" onclick="cache('smenu1'); montre('smenu2'); cache('smenu3');"> menu 2 </a> <a href="javascript:void(0);" onclick="cache('smenu1'); cache('smenu2'); montre('smenu3');"> menu 3 </a></td> </tr> </table> <table width="980" height="32" border="0"> <tr> <td width="258"> </td> <td width="559"> </div></div> <ul id="smenu1"> {_list_menunr1@ %2 } </ul> <ul id="smenu2"> {_list_menunr2@ %2 } </ul> <ul id="smenu3"> {_list_menunr3@ %2 } </ul> </div></td> <td width="149"> </td> </tr> </table></td> </tr> </table> <table width="980" height="428" border="0" align="center" cellpadding="0" cellspacing="0" background="include/designs/d-design/Bilder/slice_03.jpg"> <tr> <td width="225" valign="top"><p><span class="Stil6">{_list_menunr4@</span><br /> </p> <table width="211" height="68" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="22"> </td> <td width="189" valign="bottom" background="include/designs/d-design/Bilder/box_01.png"><table width="189" border="0"> <tr> <td width="27"> </td> <td width="153"><span class="boxinhalt Stil15">%1</span></td> </tr> </table></td> </tr> </table> <table width="211" height="116" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="22"> </td> <td width="189" valign="top" background="include/designs/d-design/Bilder/box_02.png"><table width="189" border="0"> <tr> <td width="10"> </td> <td width="156"><span class="boxinhalt Stil15">%2</span></td> </tr> </table></td> </tr> </table> }</td> <td width="647" valign="top"><p class="Stil6"> </p> <table width="645" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="75"> </td> <td width="570" height="68" valign="bottom" background="include/designs/d-design/Bilder/content_01.png"><table width="503" height="48" border="0"> <tr> <td width="26" height="44"> </td> <td width="467" valign="bottom" class="Stil12">{HMENU}</td> </tr> </table></td> </tr> </table> <table width="645" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="75"> </td> <td width="570" height="258" valign="top" background="include/designs/d-design/Bilder/content_02.png"><table width="562" height="48" border="0"> <tr> <td width="3" height="44"> </td> <td width="542" valign="top"><p class="Stil12">{EXPLODE}</p> </td> </tr> </table> </td> </tr> </table></td> <td width="108"> </td> </tr> </table> <table width="980" height="149" border="0" align="center" cellpadding="0" cellspacing="0" background="include/designs/d-design/Bilder/slice_04.jpg"> <tr> <td> </td> </tr> </table> </div> </div> </body> </html> <!-- {_list_DDDmenupoint@ <strong><big>·</big></strong> <a %1 class="box" href="%2">%3</a> <br /> } //--> <!-- beispiel: [null, '%3', '%2', '%1', null|],|, --> <!-- anfang + link |ende |teilende|teilee --> <!-- horizontaler menupunkt --> {_list_hmenupoint@<li><a target="%1" class="menu_link" href="%2">%3</a></li>} <!-- horizontaler menupunkt anfang --> {_list_hmenubegi@} <!-- horizontaler menupunkt ende --> {_list_hmenuende@} <!-- vertikaler menupunkt --> {_list_vmenupoint@<li><a target="%1" class="menu_link" href="%2">%3</a></li>} <!-- vertikaler menupunkt anfang --> {_list_vmenubegi@} <!-- vertikaler menupunkt ende --> {_list_vmenuende@}
<td width="559"> <ul id="smenu1" style="display:none;"> {_list_menunr1@ %2 } </ul> <ul id="smenu2" style="display:none;"> {_list_menunr2@ %2 } </ul> <ul id="smenu3" style="display:none;"> {_list_menunr3@ %2 } </ul></td>
.menu_link{ float:left; color:#000000; text-decoration:none; display:block; margin-left:8px; font-size:10px; font-weight:bold; } .menu_link:hover{ float:left; color:#3366CC; text-decoration:none; font-weight:bold; }
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head><link href="include/designs/d-design/Bilder/style.css" rel="stylesheet" type="text/css"><script type="text/javascript"> <!-- function montre(id) { with (document) { if (getElementById) getElementById(id).style.display = 'block'; else if (all) all[id].style.display = 'block'; else layers[id].display = 'block'; } } function cache(id) { with (document) { if (getElementById) getElementById(id).style.display = 'none'; else if (all) all[id].style.display = 'none'; else layers[id].display = 'none'; } } //--> </script> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #121212; } .Stil6 {font-size: 12px; font-weight: bold; } .Stil12 {color: #000000; } .Stil14 { font-size: 10px; font-family: Arial, Helvetica, sans-serif; } .Stil15 {color: #fffff} --> </style></head><body><table align="center" background="include/designs/d-design/Bilder/slice_01.jpg" border="0" cellpadding="0" cellspacing="0" height="367" width="980"> <tbody><tr><td valign="bottom"><table border="0" width="980"> <tbody><tr><td height="155" width="322"> </td> <td width="398"> </td> <td valign="bottom" width="246"><table border="0" height="0" width="200"><tbody><tr> <td height="65" width="10"> </td> <td class="Stil14" valign="top" width="135"><p>{_boxes_login}</p> </td> <td width="41"> </td> </tr><tr> <td height="20"> </td> <td class="Stil14"> </td> <td> </td> </tr></tbody></table></td> </tr></tbody></table></td> </tr></tbody></table> <table align="center" background="include/designs/d-design/Bilder/slice_02.jpg" border="0" cellpadding="0" cellspacing="0" height="56" width="980"><tbody><tr> <td valign="top"><table border="0" width="631"><tbody><tr> <td width="23"> </td> <td width="278"> </td> <td width="316"><a href="javascript:void(0);" onclick="montre('smenu1'); cache('smenu2'); cache('smenu3');"> </a><a href="javascript:void(0);" onclick="cache('smenu1'); cache('smenu2'); montre('smenu3');"></a></td> </tr></tbody></table> <table border="0" height="32" width="980"><tbody><tr> <td width="258"> </td> <td width="559"><ul id="smenu1"> {_list_menunr1@ <br></ul><div style="text-align: left;"> %1<br></div><ul id="smenu1">%2 <br>} </ul></td> <td width="149"> </td> </tr></tbody></table></td> </tr></tbody></table> <table align="center" background="include/designs/d-design/Bilder/slice_03.jpg" border="0" cellpadding="0" cellspacing="0" height="428" width="980"><tbody><tr> <td valign="top" width="225"><p><span class="Stil6"></span><br></p> <table border="0" cellpadding="0" cellspacing="0" height="68" width="211"><tbody><tr> <td width="22"> </td> <td background="include/designs/d-design/Bilder/box_01.png" valign="bottom" width="189"><table border="0" width="189"><tbody><tr><td align="undefined" valign="undefined"></td><td align="undefined" valign="undefined"><span class="Stil6">{_list_menunr2@</span></td></tr><tr> <td width="27"> </td> <td width="153"><span class="boxinhalt Stil15">%1</span></td> </tr><tr><td align="undefined" valign="undefined"></td><td align="undefined" valign="undefined"><span class="boxinhalt Stil15">%2</span></td></tr><tr><td align="undefined" valign="undefined"></td><td align="undefined" valign="undefined"> }</td></tr> </tbody></table></td></tr> </tbody></table><table border="0" cellpadding="0" cellspacing="0" height="116" width="211"> <tbody><tr><td width="22"> </td> <td background="include/designs/d-design/Bilder/box_02.png" valign="top" width="189"><br></td></tr> </tbody></table><br></td><td valign="top" width="647"><p class="Stil6"> </p> <table border="0" cellpadding="0" cellspacing="0" width="645"><tbody><tr> <td width="75"> </td> <td background="include/designs/d-design/Bilder/content_01.png" height="68" valign="bottom" width="570"><table border="0" height="48" width="503"><tbody><tr> <td height="44" width="26"> </td> <td class="Stil12" valign="bottom" width="467">{HMENU}</td> </tr></tbody></table></td> </tr></tbody></table> <table border="0" cellpadding="0" cellspacing="0" width="645"><tbody><tr> <td width="75"> </td> <td background="include/designs/d-design/Bilder/content_02.png" height="258" valign="top" width="570"><table border="0" height="48" width="562"><tbody><tr> <td height="44" width="3"> </td> <td valign="top" width="542"><p class="Stil12">{EXPLODE}</p> </td> </tr></tbody></table> </td></tr> </tbody></table></td><td width="108"> </td> </tr></tbody></table> <table align="center" background="include/designs/d-design/Bilder/slice_04.jpg" border="0" cellpadding="0" cellspacing="0" height="149" width="980"><tbody><tr> <td> </td> </tr></tbody></table> <!-- {_list_DDDmenupoint@ <strong><big>·</big></strong> <a %1 class="box" href="%2">%3</a> <br /> } //--><!-- beispiel: [null, '%3', '%2', '%1', null|],|, --><!-- anfang + link |ende |teilende|teilee --><!-- horizontaler menupunkt -->{_list_hmenupoint@<li><a target="%1" class="menu_link" href="%2">%3</a></li><!-- horizontaler menupunkt anfang --><!-- horizontaler menupunkt ende --><!-- vertikaler menupunkt -->} {_list_hmenubegi@} {_list_hmenuende@} {_list_vmenupoint@<li><a target="%1" class="menu_link" href="%2">%3</a></li><!-- vertikaler menupunkt anfang --><!-- vertikaler menupunkt ende -->} {_list_vmenubegi@} {_list_vmenuende@} </body></html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <head> <title></title> <link rel="stylesheet" type="text/css" href="include/designs/whiteice/style.css" /> <script type="text/javascript"> <!-- function montre(id) { with (document) { if (getElementById) getElementById(id).style.display = 'block'; else if (all) all[id].style.display = 'block'; else layers[id].display = 'block'; } } function cache(id) { with (document) { if (getElementById) getElementById(id).style.display = 'none'; else if (all) all[id].style.display = 'none'; else layers[id].display = 'none'; } } //--> </script> </head> <body> <a href="javascript:void(0);" onclick="montre('smenu1'); cache('smenu2'); cache('smenu3');"> menu 1 </a> <a href="javascript:void(0);" onclick="cache('smenu1'); montre('smenu2'); cache('smenu3');"> menu 2 </a> <a href="javascript:void(0);" onclick="cache('smenu1'); cache('smenu2'); montre('smenu3');"> menu 3 </a> <ul id="smenu1"> {_list_menunr1@ <strong>%2</strong> } </ul> <ul id="smenu2"> {_list_menunr2@ <strong>%2</strong> } </ul> <ul id="smenu3"> {_list_menunr3@ <strong>%2</strong> } </ul> </div> </div> </body> </html> <!-- {_list_DDDmenupoint@ <strong><big>·</big></strong> <a %1 class="box" href="%2">%3</a> <br /> } //--> <!-- beispiel: [null, '%3', '%2', '%1', null|],|, --> <!-- anfang + link |ende |teilende|teilee --> <!-- horizontaler menupunkt --> {_list_hmenupoint@<li><a target="%1" class="menu_link" href="%2">%3</a></li>} <!-- horizontaler menupunkt anfang --> {_list_hmenubegi@} <!-- horizontaler menupunkt ende --> {_list_hmenuende@} <!-- vertikaler menupunkt --> {_list_vmenupoint@<li><a target="%1" class="menu_link" href="%2">%3</a></li>} <!-- vertikaler menupunkt anfang --> {_list_vmenubegi@} <!-- vertikaler menupunkt ende --> {_list_vmenuende@}
Geschlossen | ||
Zurück zu HTML, PHP, SQL,... |