Posted by: Davidcool2007
Hintergrund vom menü - 04.02.2010, 20:50:57
Hay, ich habe folgendes problem und zwar hab ich mir das hier runtergeladen
http://www.je0.de/index.php?Inhalt=navigationen.php
und hab das in der Index.html eingefügt und klappt soweit alles aber ein problem ist
das dieses Bild [img]http://www.tkg-spielplatz.de/ilch/include/designs/bibombl_v2_red/Bilder/back.gif[/img]
nicht ueber Header sein soll sonderm unterm header sowie iche s auch in der Index.html eingetragen habe
ich weiß nemmer weiter daher wollt ich euch fragen
hier ma die index.html
und hier is die HTML von den menü boxen
hier auf der HP is es zusehn http://www.tkg-spielplatz.de/ilch/
http://www.je0.de/index.php?Inhalt=navigationen.php
und hab das in der Index.html eingefügt und klappt soweit alles aber ein problem ist
das dieses Bild [img]http://www.tkg-spielplatz.de/ilch/include/designs/bibombl_v2_red/Bilder/back.gif[/img]
nicht ueber Header sein soll sonderm unterm header sowie iche s auch in der Index.html eingetragen habe
ich weiß nemmer weiter daher wollt ich euch fragen
hier ma die index.html
Warnung! Spoiler!
Html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link rel="stylesheet" href="css/slide.css" type="text/css" media="screen" /> <!-- PNG FIX for IE6 --> <!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 --> <!--[if lte IE 6]> <script type="text/javascript" src="js/pngfix/supersleight-min.js"></script> <![endif]--> <!-- jQuery - the core --> <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script> <!-- Sliding effect --> <script src="js/slide.js" type="text/javascript"></script> <script type="text/javascript" src="include/includes/js/BBCodeGlobal.js"></script> <script type="text/javascript" src="include/includes/js/interface.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>{TITLE}</title> <meta name="title" content="rth_v1"> <meta name="date" content="29.05.2007"> <meta name="author" content="uD Psaicon, Dennis Gericke"> <meta name="publisher" content="uD Psaicon,Dennis Gericke"> <meta name="copyright" content="www.psaicon-designs.com"> <meta name="keywords" content="xbox 360,xbox360 live. team-360, php, flash,joomla ,games ,fun, online gaming, Teamspeak, Gameserver, Gamerserverhosting"> <meta name="description" content="Wir stellen Gameserver, Teamspeakserver, Clanserver und Webpages, ob HTML, PHP, FLash - geniert in der Datenbank usw. individuell für den Kunden her."> <meta name="abstract" content="Wir stellen Gameserver, Teamspeakserver, Clanserver und Webpages, ob HTML, PHP, FLash - geniert in der Datenbank usw. individuell für den Kunden her. "> <meta name="page-topic" content="Gameservermatrix und Psaicon Designs"> <meta name="page-topic" content="private homepage"> <meta name="audience" content="alle"> <meta name="language" content="deutsch"> <link href="css/style.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" type="text/css" href="include/designs/bibombl_v2_red/css/style.css"> <!-- Klappnavi Design stylesheet --> <style type="text/css"> #dropmenudiv{ position:absolute; line-height:20px; z-index:100; font-style:normal; font-variant:normal; font-weight:normal; font-size:9px; font-family:Arial, Helvetica, sans-serif; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: none; border-left-style: solid; border-top-color: black; border-right-color: black; border-bottom-color: black; border-left-color: black; color: #FFFFFF; } #dropmenudiv a{ width: 100%; display: block; text-indent: 2px; text-decoration: none; font-weight: normal; height: 20px; padding-top: 1px; padding-right: 0; padding-bottom: 1px; padding-left: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: black; background-color: #990000; } #dropmenudiv a:hover{ /*hover background color*/ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; background-color: #230100; color: #666666; } .Stil1 { color: #FFFFFF; font-size: 10px; } </style> <script type="text/JavaScript"> <!-- function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } /*********************************************** * AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ //Contents for menu 1, and so on var menu1=new Array() menu1[0]='<a href="?">• Home</a>' menu1[1]='<a href="?forum">• Forum</a>' menu1[2]='<a href="?gbook">• Gbook</a>' menu1[3]='<a href="?links">• Links</a>' //Contents for menu 2, and so on var menu2=new Array() menu2[0]='<a href="?user">• Members</a>' menu2[1]='<a href="?teams">• Team</a>' menu2[2]='<a href="?vote">• Umfragen</a>' menu2[3]='<a href="?statistik">• Page Statistik</a>' menu2[4]='<a href="?links">• Links</a>' //Contents for menu 3, and so on in arbeit var menu3=new Array() menu3[0]='<a href="?downloads">• Downloads</a>' menu3[1]='<a href="?impressum">• Impressum</a>' menu3[2]='<a href="?Alle servern">• Server</a>' //Contents for menu 4, and so on var menu4=new Array() menu4[0]='<a href="?gbook">• Gbook</a>' //Contents for menu 5, and so on var menu5=new Array() menu5[0]='<a href="?AGB">•AGB´s</a>' menu5[1]='<a href="?faq">• FAQ</a>' menu5[2]='<a href="?impressum">• Imprint</a>' menu5[3]='<a href="?contact">• Kontakt</a>' //Contents for menu 6, and so on var menu6=new Array() var menuwidth='120px' //default menu width var menubgcolor='white' //menu bgcolor var disappeardelay=300 //menu disappear speed onMouseout (in miliseconds) var hidemenu_onclick="yes" //hide menu when user clicks within menu? /////No further editting needed var ie4=document.all var ns6=document.getElementById&&!document.all if (ie4||ns6) document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>') function getposOffset(what, offsettype){ var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop; var parentEl=what.offsetParent; while (parentEl!=null){ totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop; parentEl=parentEl.offsetParent; } return totaloffset; } function showhide(obj, e, visible, hidden, menuwidth){ if (ie4||ns6) dropmenuobj.style.left=dropmenuobj.style.top="-500px" if (menuwidth!=""){ dropmenuobj.widthobj=dropmenuobj.style dropmenuobj.widthobj.width=menuwidth } if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover") obj.visibility=visible else if (e.type=="click") obj.visibility=hidden } function iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function clearbrowseredge(obj, whichedge){ var edgeoffset=0 if (whichedge=="rightedge"){ var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15 dropmenuobj.contentmeasure=dropmenuobj.offsetWidth if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure) edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth } else{ var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18 dropmenuobj.contentmeasure=dropmenuobj.offsetHeight if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up? edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either? edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge } } return edgeoffset } function populatemenu(what){ if (ie4||ns6) dropmenuobj.innerHTML=what.join("") } function dropdownmenu(obj, e, menucontents, menuwidth){ if (window.event) event.cancelBubble=true else if (e.stopPropagation) e.stopPropagation() clearhidemenu() dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv populatemenu(menucontents) if (ie4||ns6){ showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth) dropmenuobj.x=getposOffset(obj, "left") dropmenuobj.y=getposOffset(obj, "top") dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px" dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px" } return clickreturnvalue() } function clickreturnvalue(){ if (ie4||ns6) return false else return true } function contains_ns6(a, b) { while (b.parentNode) if ((b = b.parentNode) == a) return true; return false; } function dynamichide(e){ if (ie4&&!dropmenuobj.contains(e.toElement)) delayhidemenu() else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget)) delayhidemenu() } function hidemenu(e){ if (typeof dropmenuobj!="undefined"){ if (ie4||ns6) dropmenuobj.style.visibility="hidden" } } function delayhidemenu(){ if (ie4||ns6) delayhide=setTimeout("hidemenu()",disappeardelay) } function clearhidemenu(){ if (typeof delayhide!="undefined") clearTimeout(delayhide) } if (hidemenu_onclick=="yes") document.onclick=hidemenu function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> </head><body> <div id="">{_boxes_panel_login}</div> <a name="toplink"></a> <div align="center"> <table width="1000" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top"><table width="1000" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top"><table width="1000" border="0"> <tr> <td><center><img src="include/designs/bibombl_v2_red/Bilder/header.jpg" width="950" border="0" /> </center></td> </tr> </table> </td> </tr> </table></td> </tr> [i]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <style TYPE="text/css"> BODY {margin:0; cursor:default;} .je_back {BACKGROUND-IMAGE: url(include/designs/bibombl_v2_red/Bilder/back.gif); height:25px; width:950%;} .je_but1 {BACKGROUND-IMAGE: url(include/designs/bibombl_v2_red/Bilder/b1.gif); FONT-FAMILY: verdana; FONT-SIZE: 10px; COLOR: #cccccc; height:25px;} .je_but2 {BACKGROUND-IMAGE: url(include/designs/bibombl_v2_red/Bilder/b2.gif); FONT-FAMILY: verdana; FONT-SIZE: 10px; COLOR: #cccccc; height:25px;} .je_tab1 {FONT-FAMILY: verdana; FONT-SIZE: 10px; COLOR: #000000; BACKGROUND-COLOR:#aaaaaa;} .je_tab2 {FONT-FAMILY: verdana; FONT-SIZE: 10px; COLOR: #000000; BACKGROUND-COLOR:#bbbbbb;} .je_tabo {FONT-FAMILY: verdana; FONT-SIZE: 10px; COLOR: #000000; BACKGROUND-COLOR:#ff9999;} .je_tabb {BACKGROUND-COLOR:#000000;} </style> <script language="JavaScript" type="text/javascript"> /////////////////////////////////////////////////////////////////// /// (C)opyright 2004 - Jan Erdmann // info@je0.de // www.je0.de /// /////////////////////////////////////////////////////////////////// /// Das Copyright muß unverändert hier im Quelltext bleiben. /// /////////////////////////////////////////////////////////////////// /////////////////////////// Einstellung Buttons /////////////////////////// /////////////////////////// Nummer, Name, Link, Framename (""=neues fenster, "self"=gleicher) Buttons = new Array( "1", "Clan Menü" , "", "", "2", "Kontakt" , "", "", "3", "Bla" , "", "", "4", "Button4" , "", "", "5", "Button5" , "", "" ); /////////////////////////// Nummer, Name, Link, Framename (""=neues fenster, "self"=gleicher) UButton = new Array( "1", "Button1" , "seite1.html", "", "1", "Button2" , "seite2.html", "self", "1", "Button3" , "seite3.html", "haupt", "1", "Button4" , "seite4.html", "haupt", "1", "Button5" , "seite5.html", "", "1", "Button6" , "seite6.html", "haupt", "1", "Button7" , "seite6.html", "", "1", "Button8" , "seite8.html", "haupt", "1", "Button9" , "seite9.html", "haupt", "2", "Button1" , "seite1.html", "", "2", "Button2" , "seite2.html", "self", "2", "Button3" , "seite3.html", "", "3", "Button1" , "seite1.html", "", "3", "Button2" , "seite2.html", "self", "3", "Button3" , "seite3.html", "", "3", "Button4" , "seite4.html", "haupt", "3", "Button5" , "seite5.html", "", "3", "Button6" , "seite6.html", "haupt", "5", "Button1" , "seite1.html", "", "5", "Button2" , "seite2.html", "haupt", "5", "Button3" , "seite3.html", "haupt", "5", "Button4" , "seite4.html", "haupt", "5", "Button5" , "seite5.html", "", "5", "Button6" , "seite6.html", "self", "5", "Button7" , "seite7.html", "", "5", "Button8" , "seite8.html", "haupt" ); /////////////////////////// Weitere Einstellungen wenn Buttons verändert werden /////////////////////////// var pfad="images"; // Pfad zu den Grafiken, ohne / am Ende var butbr=113; // Buttonbreite var menbr=90; // Menübreite var vo=513; // Menü von Oben /////////////////////////////////////////////////////////////////////// var anzahl=Buttons.length, uanzahl=UButton.length, jecou="",tu1="", bi1="",st1="",nr1="",hflink=""; function zeiver(tu,nummer) { if (tu==1) { bi1="b2"; tu1="visible"; } else { bi1="b1"; tu1="hidden"; } document.getElementById(['lay'+nummer]).style.visibility=tu1; document.getElementById(['bild'+nummer]).style.backgroundImage='url('+pfad+'/'+bi1+'.gif)'; } function tabwech(bid,nr) { if (st1!="") document.getElementById(nr1).className=st1; nr1=nr; st1=document.getElementById(nr).className; if (bid==1) document.getElementById(nr).className='je_tabo'; } function hfpop(kmurl) { kmfenster=window.open (kmurl) } document.write('<div class="je_back" style="position:absolute; top:'+vo+'"><center><table cellspacing=0 cellpadding=0><tr>'); for (anz=0; anz<anzahl; anz=anz+4) { hflink=""; if (Buttons[anz+2]){ hflink="parent.frames."+Buttons[anz+3]+".location.href=\'"+Buttons[anz+2]+"\'"; if (Buttons[anz+3]=="") hflink="hfpop(\'"+Buttons[anz+2]+"\')"; if (Buttons[anz+3]=="self") hflink="location.href=\'"+Buttons[anz+2]+"\'"; } document.write('<td id="bild'+Buttons[anz]+'" class="je_but1" width='+butbr+' onmouseover="zeiver(1,'+Buttons[anz]+')" onmouseout="zeiver(0,'+Buttons[anz]+')" onclick="'+hflink+'" align="center">'+Buttons[anz+1]+'<\/td>'); } document.write('<\/tr><tr>'); for (anz=0; anz<anzahl; anz=anz+4) { if (Buttons[anz+2]=="") { document.write('<td><div id="lay'+Buttons[anz]+'" style="position:absolute; visibility:hidden; width:'+butbr+';">'); document.write('<center><table cellspacing=1 class="je_tabb" width='+menbr+' onmouseover="zeiver(1,'+Buttons[anz]+')" onmouseout="zeiver(0,'+Buttons[anz]+')">'); for (uanz=0; uanz<uanzahl; uanz=uanz+4) { hflink=""; if (UButton[uanz+2]) { hflink="parent.frames."+UButton[uanz+3]+".location.href=\'"+UButton[uanz+2]+"\'"; if (UButton[uanz+3]=="") hflink="hfpop(\'"+UButton[uanz+2]+"\')"; if (UButton[uanz+3]=="self") hflink="location.href=\'"+UButton[uanz+2]+"\'"; } if (UButton[uanz]==Buttons[anz]) { if (jecou=="je_tab1") jecou="je_tab2"; else jecou="je_tab1"; document.write('<tr><td class="'+jecou+'" id="'+uanz+'_'+UButton[uanz]+'" onmouseover="tabwech(1,\''+uanz+'_'+UButton[uanz]+'\')" onmouseout="tabwech(0,\''+uanz+'_'+UButton[uanz]+'\')" onclick="'+hflink+'">'+UButton[uanz+1]+'<\/td><\/tr>'); } } document.write('<\/table><\/div><\/td>'); } else { document.write('<td><div style="position:absolute; visibility:hidden;" id="lay'+Buttons[anz]+'"> <\/div><\/td>'); } } document.write('<\/tr><\/table><\/center><\/div>'); </script> <body bgcolor=#000000> <div style="height:0px"> </div> </body> </html> <tr> <td align="left" valign="top" class="bodyspacer"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="252" align="left" valign="top"><table width="252" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top"><table width="252" border="0" cellspacing="0" cellpadding="0"> <tr> </tr> <tr> </tr> <tr> <td align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/loginbuttom.jpg" width="252" height="20" /></td> </tr> </table></td> </tr> <tr> <td align="left" valign="top">{_list_menunr1@ </td> </tr> <tr> <td align="left" valign="top" class="menutop_le"><div class="menulinkstitel">%1</div></td> </tr> <tr> <td align="left" valign="top" class="menuspacer_le"><div class="menulinksinner">%2</div></td> </tr> <tr> <td align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/menubuttom_le.jpg" width="252" height="29" /></td> </tr> <tr> <td align="left" valign="top">}</td> </tr> <tr> <td align="left" valign="top">{_list_menunr2@ </td> </tr> <tr> <td align="left" valign="top" class="menutop_le"><div class="menulinkstitel">%1</div></td> </tr> <tr> <td align="left" valign="top" class="menuspacer_le"><div class="menulinksinner">%2</div></td> </tr> <tr> <td align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/menubuttom_le.jpg" width="252" height="29" /></td> </tr> <tr> <td align="left" valign="top">}</td> </tr> </table></td> <td width="496" align="left" valign="top"><table width="496" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top"><table width="496" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/warstop.jpg" width="496" height="23" /></td> </tr> <tr> <td align="left" valign="top" class="warsspacer"><div id="boxes_warsabstand"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" align="left" valign="top"><div class="rand">{_boxes_lastwars}</div></td> <td width="50%" align="right" valign="top"><div class="rand">{_boxes_nextwars}</div></td> </tr> </table> </div></td> </tr> <tr> <td align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/warsbuttom.jpg" width="496" height="20" border="0" usemap="#Map2Map" /></td> </tr> </table> <map name="Map2Map" id="Map2Map"> <area shape="rect" coords="423,4,493,18" href="?wars-next" target="_self" /> <area shape="rect" coords="7,4,77,18" href="?wars-last" target="_self" /> </map></td> </tr> <tr> <td align="left" valign="top" class="contenttop"><div id="hmenu">{HMENU}</div></td> </tr> <tr> <td align="left" valign="top" class="contentspacer"><div id="explode">{EXPLODE}</div></td> </tr> <tr> <td align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/contentbuttom.jpg" width="496" height="41" /></td> </tr> </table></td> <td width="252" align="left" valign="top"><table width="252" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top"><table width="252" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/lposttop.jpg" width="252" height="23" /></td> </tr> <tr> <td align="left" valign="top" class="lpostspacer"><div id="boxes_lpost">{_boxes_lastforum}</div></td> </tr> <tr> <td align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/lpostbuttom.jpg" width="252" height="20" /></td> </tr> </table></td> </tr> <tr> <td align="left" valign="top">{_list_menunr3@ </td> </tr> <tr> <td align="left" valign="top" class="menutop_re"><div class="menurechtstitel">%1</div></td> </tr> <tr> <td align="left" valign="top" class="menuspacer_re"><div class="menurechtsinner">%2</div></td> </tr> <tr> <td align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/menubuttom_re.jpg" width="252" height="29" /></td> </tr> <tr> <td align="left" valign="top">}</td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/footer.jpg" alt="Footer" width="1000" height="36" border="0" usemap="#Map" /> <map name="Map" id="Map"> <area shape="rect" coords="71,6,177,35" href="#toplink" /> <area shape="rect" coords="355,14,648,36" href="http://www.underdogs360.com" target="_blank" alt="Underdogs 360 Clan / Xbox 360 Clan / Ilch Designs" /> </map> </td> </tr> </table> </div> <map name="Map3" id="Map3"><area shape="rect" coords="33,3,305,14" href="http://www.underdogs360.com" target="_blank" /> </map></body> </html> <!-- {_list_DDDmenupoint@<strong><big>·</big></strong><a %1 class="box" href="%2">%3</a><br />} {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>} {_list_hmenubegi@<ul>} {_list_hmenuende@</ul>} {_list_vmenupoint@<a target="%1" class="menu" href="%2">%3</a>} {_list_vmenubegi@} {_list_vmenuende@}//--> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>For Honor and Glory - Clanpage by fhag-gaming.de</title> <script language="JavaScript"> var tx = new Array ("Hello", "Welcome By", "TerrorKingsGermany"); var txcount=3; var i=1; var wo=0; var ud=1; function anititle() { window.document.title=tx[wo].substr(0, i)+"_"; if (ud==0) i--; if (ud==1) i++; if (i==-1) {ud=1;i=0;wo++;wo=wo%txcount;} if (i==tx[wo].length+10) {ud=0;i=tx[wo].length;} // if (window.document.title.length < 20 ) window.document.title=window.document.title+"-"; // if (window.document.title.length == 20 ) window.document.title=window.document.title+"]"; // if (window.document.title.length == 21 ) setTimeout("window.document.title='Seitentitel mal anders '; ",1000); parent.window.document.title=tx[wo].substr(0, i)+"..."; setTimeout("anititle()",100); } </script> </head> <body onLoad="anititle()">[ </body>
und hier is die HTML von den menü boxen
Warnung! Spoiler!
Html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head><title>H-Flip Menü von Jan Erdmann</title> <style TYPE="text/css"> BODY {margin:0; cursor:default;} .je_back {BACKGROUND-IMAGE: url(images/back.gif); height:25px; width:100%;} .je_but1 {BACKGROUND-IMAGE: url(images/b1.gif); FONT-FAMILY: verdana; FONT-SIZE: 10px; COLOR: #cccccc; height:25px;} .je_but2 {BACKGROUND-IMAGE: url(images/b2.gif); FONT-FAMILY: verdana; FONT-SIZE: 10px; COLOR: #cccccc; height:25px;} .je_tab1 {FONT-FAMILY: verdana; FONT-SIZE: 10px; COLOR: #000000; BACKGROUND-COLOR:#aaaaaa;} .je_tab2 {FONT-FAMILY: verdana; FONT-SIZE: 10px; COLOR: #000000; BACKGROUND-COLOR:#bbbbbb;} .je_tabo {FONT-FAMILY: verdana; FONT-SIZE: 10px; COLOR: #000000; BACKGROUND-COLOR:#ff9999;} .je_tabb {BACKGROUND-COLOR:#000000;} </style> <script language="JavaScript" type="text/javascript"> /////////////////////////////////////////////////////////////////// /// (C)opyright 2004 - Jan Erdmann // info@je0.de // www.je0.de /// /////////////////////////////////////////////////////////////////// /// Das Copyright muß unverändert hier im Quelltext bleiben. /// /////////////////////////////////////////////////////////////////// /////////////////////////// Einstellung Buttons /////////////////////////// /////////////////////////// Nummer, Name, Link, Framename (""=neues fenster, "self"=gleicher) Buttons = new Array( "1", "Button1" , "", "", "2", "Button2" , "", "", "3", "Button3" , "", "", "4", "Button4" , "seite4.html", "", "5", "Button5" , "", "" ); /////////////////////////// Nummer, Name, Link, Framename (""=neues fenster, "self"=gleicher) UButton = new Array( "1", "Button1" , "seite1.html", "", "1", "Button2" , "seite2.html", "self", "1", "Button3" , "seite3.html", "haupt", "1", "Button4" , "seite4.html", "haupt", "1", "Button5" , "seite5.html", "", "1", "Button6" , "seite6.html", "haupt", "1", "Button7" , "seite6.html", "", "1", "Button8" , "seite8.html", "haupt", "1", "Button9" , "seite9.html", "haupt", "2", "Button1" , "seite1.html", "", "2", "Button2" , "seite2.html", "self", "2", "Button3" , "seite3.html", "", "3", "Button1" , "seite1.html", "", "3", "Button2" , "seite2.html", "self", "3", "Button3" , "seite3.html", "", "3", "Button4" , "seite4.html", "haupt", "3", "Button5" , "seite5.html", "", "3", "Button6" , "seite6.html", "haupt", "5", "Button1" , "seite1.html", "", "5", "Button2" , "seite2.html", "haupt", "5", "Button3" , "seite3.html", "haupt", "5", "Button4" , "seite4.html", "haupt", "5", "Button5" , "seite5.html", "", "5", "Button6" , "seite6.html", "self", "5", "Button7" , "seite7.html", "", "5", "Button8" , "seite8.html", "haupt" ); /////////////////////////// Weitere Einstellungen wenn Buttons verändert werden /////////////////////////// var pfad="images"; // Pfad zu den Grafiken, ohne / am Ende var butbr=113; // Buttonbreite var menbr=90; // Menübreite var vo=10; // Menü von Oben /////////////////////////////////////////////////////////////////////// var anzahl=Buttons.length, uanzahl=UButton.length, jecou="",tu1="", bi1="",st1="",nr1="",hflink=""; function zeiver(tu,nummer) { if (tu==1) { bi1="b2"; tu1="visible"; } else { bi1="b1"; tu1="hidden"; } document.getElementById(['lay'+nummer]).style.visibility=tu1; document.getElementById(['bild'+nummer]).style.backgroundImage='url('+pfad+'/'+bi1+'.gif)'; } function tabwech(bid,nr) { if (st1!="") document.getElementById(nr1).className=st1; nr1=nr; st1=document.getElementById(nr).className; if (bid==1) document.getElementById(nr).className='je_tabo'; } function hfpop(kmurl) { kmfenster=window.open (kmurl) } document.write('<div class="je_back" style="position:absolute; top:'+vo+'"><center><table cellspacing=0 cellpadding=0><tr>'); for (anz=0; anz<anzahl; anz=anz+4) { hflink=""; if (Buttons[anz+2]){ hflink="parent.frames."+Buttons[anz+3]+".location.href=\'"+Buttons[anz+2]+"\'"; if (Buttons[anz+3]=="") hflink="hfpop(\'"+Buttons[anz+2]+"\')"; if (Buttons[anz+3]=="self") hflink="location.href=\'"+Buttons[anz+2]+"\'"; } document.write('<td id="bild'+Buttons[anz]+'" class="je_but1" width='+butbr+' onmouseover="zeiver(1,'+Buttons[anz]+')" onmouseout="zeiver(0,'+Buttons[anz]+')" onclick="'+hflink+'" align="center">'+Buttons[anz+1]+'<\/td>'); } document.write('<\/tr><tr>'); for (anz=0; anz<anzahl; anz=anz+4) { if (Buttons[anz+2]=="") { document.write('<td><div id="lay'+Buttons[anz]+'" style="position:absolute; visibility:hidden; width:'+butbr+';">'); document.write('<center><table cellspacing=1 class="je_tabb" width='+menbr+' onmouseover="zeiver(1,'+Buttons[anz]+')" onmouseout="zeiver(0,'+Buttons[anz]+')">'); for (uanz=0; uanz<uanzahl; uanz=uanz+4) { hflink=""; if (UButton[uanz+2]) { hflink="parent.frames."+UButton[uanz+3]+".location.href=\'"+UButton[uanz+2]+"\'"; if (UButton[uanz+3]=="") hflink="hfpop(\'"+UButton[uanz+2]+"\')"; if (UButton[uanz+3]=="self") hflink="location.href=\'"+UButton[uanz+2]+"\'"; } if (UButton[uanz]==Buttons[anz]) { if (jecou=="je_tab1") jecou="je_tab2"; else jecou="je_tab1"; document.write('<tr><td class="'+jecou+'" id="'+uanz+'_'+UButton[uanz]+'" onmouseover="tabwech(1,\''+uanz+'_'+UButton[uanz]+'\')" onmouseout="tabwech(0,\''+uanz+'_'+UButton[uanz]+'\')" onclick="'+hflink+'">'+UButton[uanz+1]+'<\/td><\/tr>'); } } document.write('<\/table><\/div><\/td>'); } else { document.write('<td><div style="position:absolute; visibility:hidden;" id="lay'+Buttons[anz]+'"> <\/div><\/td>'); } } document.write('<\/tr><\/table><\/center><\/div>'); </script> </head> <body bgcolor=#999999> <div style="height:45px"> </div> </body> </html>
hier auf der HP is es zusehn http://www.tkg-spielplatz.de/ilch/