Du bist nicht angemeldet. [Anmelden]
Optionen
Thema bewerten
Hintergrund vom menü - #1935230 - 04.02.2010, 20:50:57
Davidcool2007
M.o.E​.P in​ «3​

Registriert: 17.02.2006
Beiträge: 1.516
Ort: Berlin Neukölln
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
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="?">&bull; Home</a>'
menu1[1]='<a href="?forum">&bull; Forum</a>'
menu1[2]='<a href="?gbook">&bull; Gbook</a>'
menu1[3]='<a href="?links">&bull; Links</a>'

//Contents for menu 2, and so on
var menu2=new Array()
menu2[0]='<a href="?user">&bull; Members</a>'
menu2[1]='<a href="?teams">&bull; Team</a>'
menu2[2]='<a href="?vote">&bull; Umfragen</a>'
menu2[3]='<a href="?statistik">&bull; Page Statistik</a>'
menu2[4]='<a href="?links">&bull; Links</a>'

//Contents for menu 3, and so on in arbeit
var menu3=new Array()
menu3[0]='<a href="?downloads">&bull; Downloads</a>'
menu3[1]='<a href="?impressum">&bull; Impressum</a>'
menu3[2]='<a href="?Alle servern">&bull; Server</a>'

//Contents for menu 4, and so on
var menu4=new Array()
menu4[0]='<a href="?gbook">&bull; Gbook</a>'

//Contents for menu 5, and so on
var menu5=new Array()
menu5[0]='<a href="?AGB">&bull;AGB´s</a>'
menu5[1]='<a href="?faq">&bull; FAQ</a>'
menu5[2]='<a href="?impressum">&bull; Imprint</a>'
menu5[3]='<a href="?contact">&bull; 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]+'">&nbsp;<\/div><\/td>');
} }
document.write('<\/tr><\/table><\/center><\/div>');
</script>

<body bgcolor=#000000>
<div style="height:0px">&nbsp;</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>&middot;</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&uuml; 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]+'">&nbsp;<\/div><\/td>');
} }
document.write('<\/tr><\/table><\/center><\/div>');
</script>
</head>
<body bgcolor=#999999>
<div style="height:45px">&nbsp;</div>
</body>
</html>


hier auf der HP is es zusehn http://www.tkg-spielplatz.de/ilch/


Bearbeitet von Davidcool2007 (04.02.2010, 20:52:19)
Bearbeitungsgrund: Link eingefügt
_________________________
...und wenn dich das Schicksal auf allen Linien schlägt, bleibt immer noch die Haltung mit der man es erträgt.

[zum Seitenanfang]  
Re: Hintergrund vom menü [Re: Davidcool2007] - #1935321 - 04.02.2010, 23:28:03
DoUgHbOyS
Nicht registriert


Warnung! Spoiler!
Code:
<style type="text/css">
BODY {margin:0; cursor:default;}
.je_back        {BACKGROUND-IMAGE: url(include http://www.tkg-spielplatz.de/ilch/include/designs/bibombl_v2_red/Bilder/back.gif); height:25px; width:950%;} 
.je_but1         {BACKGROUND-IMAGE: url(include http://www.tkg-spielplatz.de/ilch/include/designs/bibombl_v2_red/Bilder/b1.gif); FONT-FAMILY: verdana; FONT-SIZE: 10px; COLOR: #cccccc; height:25px;}
.je_but2         {BACKGROUND-IMAGE: url(include http://www.tkg-spielplatz.de/ilch/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>

Die Grafiken wurden so verlinkt das sie nur von deren Server geladen werden, also Beispiel: /images/bg.gif, was bei dir auf keinen Fall gehen wuerde, wenn selber die gleiche Grafik auf deinem Host liegen wuerde, darum wurden sie nicht geladen. Oben ist der code abgebildet, den du ersetzen musst.

Hier nochmals fuer dich als Uebersicht wo der code sich befindet:
Warnung! Spoiler!

<!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>

Das Rot-markierte natuerlich mit dem ganz oberem Code ersetzen.


Bearbeitet von DoUgHbOyS (04.02.2010, 23:31:09)

[zum Seitenanfang]  
Re: Hintergrund vom menü [Re: ] - #1935325 - 04.02.2010, 23:35:54
huendchen

Registriert: 29.03.2007
Beiträge: 2.385
DoUgHbOyS ... ich sag mal nichts zu.

Du musst lediglich die Klasse .je_back anpassen
Html:
.je_back { 
   height: 243px;
   background: url("include/designs/bibombl_v2_red/Bilder/back.gif") repeat-x bottom left;
   bottom: 5em
}


Und an alle Vor -bzw. Nachposter: Man sollte sich ueberlegen, ob man wirklich zu allem seinen unqualifizierten Senf abgeben will oder muss.

[zum Seitenanfang]  
Re: Hintergrund vom menü [Re: huendchen] - #1935326 - 04.02.2010, 23:39:18
DoUgHbOyS
Nicht registriert


Der Code war jetzt nicht sehr kurz, daher danke fuer die Anmerkung, huendchen. Bei Rueckfragen kann der TE sich ja melden. :-)

[zum Seitenanfang]  
Re: Hintergrund vom menü [Re: huendchen] - #1935533 - 05.02.2010, 15:32:49
Davidcool2007
M.o.E​.P in​ «3​

Registriert: 17.02.2006
Beiträge: 1.516
Ort: Berlin Neukölln
danke huendchen für die antw aber leider hats net geholfen ausser das das bild weg ist

gibt es den noch woanders welche find irgendwie im netz keine


Bearbeitet von Davidcool2007 (05.02.2010, 15:33:36)
_________________________
...und wenn dich das Schicksal auf allen Linien schlägt, bleibt immer noch die Haltung mit der man es erträgt.

[zum Seitenanfang]  
Re: Hintergrund vom menü [Re: huendchen] - #1935610 - 05.02.2010, 17:54:21
DoUgHbOyS
Nicht registriert


Antwort auf: huendchen
Und an alle Vor -bzw. Nachposter: Man sollte sich ueberlegen, ob man wirklich zu allem seinen unqualifizierten Senf abgeben will oder muss.

Antwort auf: Davidcool2007
danke huendchen für die antw aber leider hats net geholfen ausser das das bild weg ist

gibt es den noch woanders welche find irgendwie im netz keine


Das zum Thema "Senf abgeben".


Bearbeitet von DoUgHbOyS (05.02.2010, 17:55:12)

[zum Seitenanfang]  
Re: Hintergrund vom menü [Re: ] - #1935669 - 05.02.2010, 19:40:56
Davidcool2007
M.o.E​.P in​ «3​

Registriert: 17.02.2006
Beiträge: 1.516
Ort: Berlin Neukölln
koennt vllt auch nen Copyfehler sein oder vllt hab ich was falsch eingefügt was ich eig net denke...:(
_________________________
...und wenn dich das Schicksal auf allen Linien schlägt, bleibt immer noch die Haltung mit der man es erträgt.

[zum Seitenanfang]  
Re: Hintergrund vom menü [Re: ] - #1935804 - 05.02.2010, 23:59:27
huendchen

Registriert: 29.03.2007
Beiträge: 2.385
Scheinst ja recht viel an deinem ausgangscode vermurkst zu haben aber ehrlich gesagt, will ich mir das jetzt auch nicht noch antun. Natuerlich gibt es recht viele solcher Menues, da sucht man auf Google einfach nach Dropdown Menue, Suckerfish waer ein ganz bekanntes.

Ein recht einfaches Menue, dass man selber machen kann, waere eben sowas, natuerlich ohne ausschweifende Grafiken, da ich es auf die schnelle geschrieben hab.
Warnung! Spoiler!
Html:
<head>
<title>none</title>

<style type="text/css">


ul { list-style: none; font-size: 1em }
li.oberpunkt { width: 120px; float: left; margin-left: -1px; border: 1px black solid; background-color: orange; text-align: center; font-size: .8em }

li.oberpunkt ul { display: none; }
li.headlink:hover ul { display: block; }

</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
   $('li.oberpunkt').hover(
      function() { $('ul', this).css('display', 'block'); },
      function() { $('ul', this).css('display', 'none'); });
});
</script>

</head>

<body>

<ul id="meinMenue">
   <li class="oberpunkt">
      <a href="#">Menue 1</a>
      <ul>
         <li><a href="#">Untermenue 1</a></li>
         <li><a href="#">Untermenue 2</a></li>
         <li><a href="#">Untermenue 3</a></li>
      </ul>
   </li>
   <li class="oberpunkt">
      <a href="#">Menue 2</a>
      <ul>
         <li><a href="#">Untermenue 1</a></li>
         <li><a href="#">Untermenue 2</a></li>
         <li><a href="#">Untermenue 3</a></li>
      </ul>
   </li>
   <li class="oberpunkt">
      <a href="#">Menue 3</a>
      <ul>
         <li><a href="#">Untermenue 1</a></li>
         <li><a href="#">Untermenue 2</a></li>
         <li><a href="#">Untermenue 3</a></li>
      </ul>
   </li>
   <li class="oberpunkt">
      <a href="#">Menue 4</a>
      <ul>
         <li><a href="#">Untermenue 1</a></li>
         <li><a href="#">Untermenue 2</a></li>
         <li><a href="#">Untermenue 3</a></li>
      </ul>
   </li>
   <li class="oberpunkt">
      <a href="#">Menue 5</a>
      <ul>
         <li><a href="#">Untermenue 1</a></li>
         <li><a href="#">Untermenue 2</a></li>
         <li><a href="#">Untermenue 3</a></li>
      </ul>
   </li>
</ul>



Antwort auf: DoUgHbOyS
Antwort auf: huendchen
Und an alle Vor -bzw. Nachposter: Man sollte sich ueberlegen, ob man wirklich zu allem seinen unqualifizierten Senf abgeben will oder muss.

Antwort auf: Davidcool2007
danke huendchen für die antw aber leider hats net geholfen ausser das das bild weg ist

gibt es den noch woanders welche find irgendwie im netz keine


Das zum Thema "Senf abgeben".

Greifst du mich noch mal persoenlich an, laeuft meine naechste Bemerkung zu deiner sog. Hilfestellung nicht mehr so glimpflich ab.

[zum Seitenanfang]  
Re: Hintergrund vom menü [Re: huendchen] - #1935816 - 06.02.2010, 00:48:47
DoUgHbOyS
Nicht registriert


Antwort auf: huendchen
Und an alle Vor -bzw. Nachposter: Man sollte sich ueberlegen, ob man wirklich zu allem seinen unqualifizierten Senf abgeben will oder muss.

Antwort auf: DoUgHbOyS
Das zum Thema "Senf abgeben".

Antwort auf: huendchen
Greifst du mich noch mal persoenlich an, laeuft meine naechste Bemerkung zu deiner sog. Hilfestellung nicht mehr so glimpflich ab.


Mal am Rande: Hier wollte keiner keinen angreifen, weder Senf abgeben. Ausserdem hast du den gleichen Code wie ich gepostet - dich noch beschwert das jemand hier irgendwelchen Senf abgibt. Sehr traurig nur das deine sinnlosen Auesserungen hier im Forum nicht wirklich jemanden interessieren, und ich finde das war eher eine Provokation die du hier gegen alle Vor -bzw. Nachposter von dir gegeben hast. Nicht boese gemeint, aber ganz klar und deutlich: Ich wollte dem TE hier nur helfen, du musstest dann deinen Senf hier abgeben, und dazu noch den gleichen Code hier posten.


Bearbeitet von DoUgHbOyS (06.02.2010, 00:53:21)

[zum Seitenanfang]