ilch Forum » Ilch Clan 1.1 » Fehlersuche und Probleme » Navi Button

Geschlossen
  1. #1
    User Pic
    Botox84 Mitglied
    Registriert seit
    09.08.2006
    Beiträge
    1.190
    Beitragswertungen
    21 Beitragspunkte
    Frage 1:Hallo sry das ich doppelt schreibe, da mir aber auf meine andere frage keiner antwortet hier noch mal neu und nen bissle detailierter.

    ich habe in meinem navi nen button.jpg als hintergrund eingefügt, nun möchte ich gerne, wenn man über das button.jpg mit der maus fährt das dann ein bild was im selben ordner liegt: Webseitenbauen/Banner/Button2.jpgin den vordergrund kommt, quasie nen mouse over effekt.

    Weiß evtl. jemand wie ich folgenden ausschnitt vom navi umschreiben muss, damit dies funktioniert?
               	  <table width="184" border="0" cellspacing="0" cellpadding="0" background="http://85.14.216.248/Webseitenbauen/Banner/Button.jpg" height="10">
                    <tr>
                      <td width="10">&nbsp;</td>
                      <td width="170"><font face="Tahoma" size="3" color="#ffffff">%2</font></td>
                      <td width="10">&nbsp;</td>
                    </tr>
                  </table>



    Frage2: Weiß jemand wie ich box2.jpg und box3.jpg verlinken kann, ohne das die bilder sich verschieben etz? hier mal der code

    <td valign="top" background="include/designs/design_62/img/box2.jpg" width="203" height="92" ><table width="203" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td width="10">&nbsp;</td>
                          <td width="189">{_boxes_lastwars}</td>
                          <td width="10">&nbsp;</td>
                        </tr>
                       </table></td>
                      <td valign="top" background="include/designs/design_62/img/box3.jpg" width="199" height="92"><table width="199" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                        </tr>
                      </table></td>
                    </tr>
                  </table></td>
                </tr>
              </table></td>


    Bei box.jpg habe ich es folgender maßen gemacht, was auch funktioniert, aber wenn ich das bei box.2jpg und box3.jpg so mache, verschiebt sich das design, obwohl ich high und width angepasst habe

                      <td>
                       <a target="_blank" href="http://www.luca-ryan.de">
                        <img border="0" src="include/designs/design_62/img/box1.jpg" width="232" height="92"><table width="232" border="0" cellspacing="0" cellpadding="0">
                       </table></td>




    Viele Dank

    lg Botox84


    verwendete ilchClan Version: 1.1


    Zuletzt modifiziert von Botox84 am 06.11.2007 - 13:05:27
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Botox84 Mitglied
    Registriert seit
    09.08.2006
    Beiträge
    1.190
    Beitragswertungen
    21 Beitragspunkte
    Es wird doch sicher jemand geben der mir da weiter helfen kann oder irre ich mich???:'(
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Clarix Mitglied
    Registriert seit
    29.10.2007
    Beiträge
    16
    Beitragswertungen
    0 Beitragspunkte
    zu Frage 1:

    <script type="text/javascript">
    Normal1 = new Image();
    Normal1.src = "Button.jpg";     /* erste Standard-Grafik */
    Highlight1 = new Image();
    Highlight1.src = "Button2.jp"; /* erste Highlight-Grafik */
    
    function Bildwechsel (Bildnr, Bildobjekt) {
      window.document.images[Bildnr].src = Bildobjekt.src;
    }
    </script>
    
    
    <table width="184" border="0" cellspacing="0" cellpadding="0"><tr><td width="10"><img src="http://85.14.216.248/Webseitenbauen/Banner/Button.jpg" height="10" onmouseover="Bildwechsel(0, Highlight1)"
       onmouseout="Bildwechsel(0, Normal1)></td>
                      <td width="170"><font face="Tahoma" size="3" color="#ffffff">%2</font></td>
                      <td width="10">&nbsp;</td>
                    </tr>
                  </table>


    Als Ansatz sozusagen...:)


    Zuletzt modifiziert von Clarix am 06.11.2007 - 21:03:25
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Botox84 Mitglied
    Registriert seit
    09.08.2006
    Beiträge
    1.190
    Beitragswertungen
    21 Beitragspunkte
    Funktioniert leider nicht, hab ihn folgender maßen eingebaut, is da irgendwo nen fehler drinne?

    <td valign="top" width="184" height="20" bgcolor="black">
                   <font color="#FFFFFF">{_list_menunr1@ </font>    
                     <table width="184" border="0" cellspacing="0" cellpadding="0" background="include/designs/design_62/img/navi_r.jpg" height="20">
                  	<tr>
                    <td width="10">&nbsp;</td>
                    <td width="112"><b><font face="Tahoma" size="2" color="#ffffff">%1</font></b>
                    </td>
                    <td width="62">&nbsp;</td>
                  	</tr>
                  </table> 
                          
               	  <script type="text/javascript"> 
    Normal1 = new Image(); 
    Normal1.src = "Button.jpg"; /* erste Standard-Grafik */ 
    Highlight1 = new Image(); 
    Highlight1.src = "Button2.jpg"; /* erste Highlight-Grafik */ 
    
    function Bildwechsel (Bildnr, Bildobjekt) { 
    window.document.images[Bildnr].src = Bildobjekt.src; 
    } 
    </script> 
    
    
    <table width="184" border="0" cellspacing="0" cellpadding="0"><tr><td width="10"><img src="http://85.14.216.248/Webseitenbauen/Banner/Button.jpg" height="10" onmouseover="Bildwechsel(0, Highlight1)" 
    onmouseout="Bildwechsel(0, Normal1)></td> 
    <td width="170"><font face="Tahoma" size="3" color="#ffffff">%2</font></td> 
    <td width="10">&nbsp;</td> 
    </tr> 
    </table>
    
                  }
                  <font color="#FFFFFF">{_list_menunr2@ </font>    
                  <table width="184" border="0" cellspacing="0" cellpadding="0" background="include/designs/design_62/img/navi_r.jpg" height="20">
                  	<tr>
                    <td width="10">&nbsp;</td>
                    <td width="112"><b><font face="Tahoma" size="2" color="#ffffff">%1</font></b>
                    </td>
                    <td width="62">&nbsp;</td>
                  	</tr>
                  </table>


    PS: habe mal nen größeren ausschnitt aus meiner index.htm genommen...

    danke dir trotzdem...

    lg Botox
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Clarix Mitglied
    Registriert seit
    29.10.2007
    Beiträge
    16
    Beitragswertungen
    0 Beitragspunkte
    in der verantwortlichen CSS:

    a.menu /*CSS Klasse die die Menuepunkte der Menues definiert*/
    {
    	display:block;
    	color: #000000;
    	font-size: 10px;
    	background-image:url(http://85.14.216.248/Webseitenbauen/Banner/Button.jpg);
    	width: 162px;
    	height: 18px;
    	text-indent: 27px;
    	text-decoration: none;
    	font-family:  Tahoma, Arial,Verdana, Helvetica, sans-serif;
    	line-height: 16px; 
    }
    a.menu:hover /*CSS Klasse die die Mouseover-Menuepunkte der Menues definiert*/
    {
    	display:block;
    	color: #ff5a00;
    	font-size: 10px;
    	background-image:url(http://85.14.216.248/Webseitenbauen/Banner/Button2.jpg);
    	width: 162px;
    	height: 18px;
    	text-indent: 30px;
    	text-decoration: none;
    	font-family:  Tahoma, Arial,Verdana, Helvetica, sans-serif;
    	line-height: 16px;
    }




    Probier es mit CSS

    In der verantwortlichen index.htm steht am Ende für die Ausgabe:

    </html>
    
    
    {_list_hmenupoint@<a target="%1" class="menu" href="%2">%3</a>|||}
    {_list_hmenubegi@}
    {_list_hmenuende@}
    
    {_list_vmenupoint@<a target="%1" class="menu" href="%2">%3</a>|||}
    {_list_vmenubegi@}
    {_list_vmenuende@}



    Zuletzt modifiziert von Clarix am 06.11.2007 - 21:40:04
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Botox84 Mitglied
    Registriert seit
    09.08.2006
    Beiträge
    1.190
    Beitragswertungen
    21 Beitragspunkte
    Entweder bin ich zu dumm oder es funktioniert nicht... traurig

    hier mal meine komplette css

    #a.menu /*CSS Klasse die die Menuepunkte der Menues definiert*/ 
    { 
    display:block; 
    color: #000000; 
    font-size: 10px; 
    background-image:url(http://85.14.216.248/Webseitenbauen/Banner/Button.jpg); 
    width: 162px; 
    height: 18px; 
    text-indent: 27px; 
    text-decoration: none; 
    font-family: Tahoma, Arial,Verdana, Helvetica, sans-serif; 
    line-height: 16px; 
    } 
    #a.menu:hover /*CSS Klasse die die Mouseover-Menuepunkte der Menues definiert*/ 
    { 
    display:block; 
    color: #ff5a00; 
    font-size: 10px; 
    background-image:url(http://85.14.216.248/Webseitenbauen/Banner/Button2.jpg); 
    width: 162px; 
    height: 18px; 
    text-indent: 30px; 
    text-decoration: none; 
    font-family: Tahoma, Arial,Verdana, Helvetica, sans-serif; 
    line-height: 16px; 
    } 
    
    body {
      margin: 0;
      padding: 0;
      text-align: center;
      background-color: #1C1C1C;		// Hintergrund
      font-size: 10px;
      font-family: Verdana, sans-serif;
    }
    #wrap {
      position: relative;
      width: 967px;
      text-align: left;
      margin: 0 auto 0 auto;
    }
    #top {
      background: url('img/top.gif');
      height: 67px
    }
    #header {
      background: url('img/logo.gif');
      height: 153px;
      text-align: center;
      vertical-align:middle
    }
    #header h1 {
      display: inline;
      position: absolute; 
      top: 110px; left: 100px;
      color: #fff;
      font-family: 'Trebuchet MS';
      font-weight: normal;
      font-size: 24px;
    }
    #top2 {
      background: url('img/top2.gif');
      height: 31px
    }
    #top2 font {
      display: inline;
      position: absolute; 
      left: 172px;
      margin-top: 2px;
      font-size: 10px;
    	text-decoration: none; 
    }
    #content {
      background: url('img/contentbg.gif');
      
    }
    #footer {
      background: url('img/footer.gif');
      height: 33px;
      text-align: center;
      vertical-align: middle
    }
    #left_col {
      width: 158px;
      float: left;
      padding-top: 0px;
      padding-left: 9px;
      padding-right: 18px;
      padding-bottom: 0px;
      color: #fff;
      overflow: hidden;
    }
    
    #left_col .Cmite, #left_col .Cnorm, #left_col .Cdark {
      color: #ff0000;
    }
    
    #left_col a {
      color: #CCCCCC;
    }
    
    #left_col 
    
    #main_col {
      width: 440px;
      float: left;
      padding-top: 0px;
      padding-left: 5px;
      padding-right: 20px;
      padding-bottom: 0px;
      clear: none;
      min-height: 100px;
      overflow: auto;
    }
    #right_col1 { 
      width: 141px;
      float: left;
      padding-top: 0px;
      padding-left: 7px;
      padding-right: 10px;
      padding-bottom: 0px;
      overflow: hidden;
    }
    #right_col2 { 
      width: 141px;
      float: right;
      padding-top: 0px;
      padding-left: 0px;
      padding-right: 14px;
      padding-bottom: 0px;
      overflow: hidden;
    }
    
    #right_col1 .menu_heading,
    #right_col2 .menu_heading 
    {
      color:#fff;
      font-size:11px;
      letter-spacing: 1px;
    }
    
    #left_col ul
    {
      padding: 0;
      margin: 0;
      width: 149px; list-style-position:inside; list-style-image:url('img/box_menu_pfeil.gif')
    }
    
    #left_col li
    {
      margin:0;
      background: url('img/box_menu_trennlinie.gif') no-repeat bottom;; padding-left:2px; padding-right:0; padding-top:5px; padding-bottom:0
    } 
    
    #left_col li ul
    {
      width: 146px;
      background: url('img/box_menu_trennlinie.gif') no-repeat top;
    }
    
    #left_col li li
    {
        padding-left: 16px;
    }
    #left_col li a
    {
      color: #fff;
      padding-left: 8px;
      font-size: 11px;
      font-weight: normal;
      text-decoration: none;
    }
    
    td 
    {
      font-family: Verdana; 
      font-size: 12px;
      color: #666666;				// Textfarbe
    }
    
    hr 
    { 
        height: 0px; 
    		border: solid #006600 0px; 
    		border-top-width: 1px; 
    }
    
    a, #left_col .Cmite a, #left_col .Cnorm a, #left_col .Cdark a 
    {
      color: #666666;  				// Hyperlinks
    	font-family: Verdana; 
    	font-size: 10px; 
    	text-decoration: none; 
    }
    
    a:hover 
    {   
      text-decoration: none;  
    }
    
    a.box 
    { 
      color: #666666; 			 	// Hyperlinks bei login und menuepunkte
    	font-family: Tahoma; 
    	font-size: 13px; 
    	text-decoration: none; 
    }
    
    a.box:hover 
    {   
      text-decoration: none;  
    }
    
    .Chead
    {
      background: #DBDADA;			// Schrift zb bei forum und Kalender
      color: #0066cc;
    }
    
    .Chead td, .Chead td strong, .Chead h4, .Chead td b
    {
      background: #DBDADA;
      color: #0066cc;				// überschriften
    }
    
    .Callg
    {
      background-color: #EFEFEF;
    	color: #000000;
    }
    
    .Callg td
    {
      color: #000000;
    }
    
    .Cnorm 
    {
      background-color: #ffffff;
    }
    .Cmite
    {
      background-color: #ffffff;
    }
    .Cdark
    {
      background-color: #ffffff;
    }
    
    .rand
    {
      border: solid #c0c0c0 1px;
    }
    
    .smalfont 
    { 
        font-size: 10px;
    		text-decoration: none; 
    }
    
    .border 
    { 
       background-color: #ffffff; 
    }
    hr 
    { 
        height: 0px; 
    		border: solid #6B6B6B 0px; 
    		border-top-width: 1px; 
    }
    
    input, textarea, select
    { 
        color: #c0c0c0;  
        font: 10px Verdana;  
        border-color: #1D1D1D;		
      	border-width: 1px;
        border-style: solid;  
        font-weight: none;  
        text-decoration: none;  
        background-color: #EFEFEF;


    und in der html denke ich mal is auch alles richtig....






    <html>
    <head>
    <meta http-equiv="Content-Language" content="de">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <!-- Head & Title include -->
    <title>{TITLE} // Clanpage by zurro-gaming.de</title>
    <link rel="stylesheet" type="text/css" href="include/designs/design_62/style.css">
    <link href="_stylesheet.css" rel="stylesheet" type="text/css">
    <script src="js/bbcode.js" language="jscript" type="text/javascript"></script>
    <!-- end Head & Title include -->
    
    <!-- standard Design stylesheet -->
    <style type="text/css">
    body {
    	margin-left: 0px;
    	margin-top: 3px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	background-color: #3A3839
    }
    .head {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; }
    .head2 {font-size: 10px; color: #6DC903; font-weight: bold; }
    </style>
    <!-- end standard Design stylesheet -->
    <style type="text/css">
    
    #dropmenudiv{
    border-left:0px none; border-right:0px none; border-top:0px none; border-bottom:0px none; position:absolute;
    line-height:18px;
    z-index:100; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Verdana
    }
    
    #dropmenudiv a{
    width: 100%;
    display: block;
    text-indent: 3px;
    border-bottom: 1px solid black;
    padding: 1px 0;
    text-decoration: none;
    font-weight: bold;
    background:#000000;
    }
    
    #dropmenudiv a:hover{ /*hover background color*/
    background-color: write;
    }
    
    </style>
    
    <script type="text/javascript">
    
    /***********************************************
    * 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
    var menu1=new Array()
    menu1[3]='<a href="?user">Mitglieder</a>'
    menu1[4]='<a href="?rules">AGB</a>'
    
    //Contents for menu 2, and so on
    var menu2=new Array()
    menu2[0]='<a href="?news">News</a>'
    menu2[1]='<a href="?vote">Umfragen</a>'
    menu2[2]='<a href="?gbook">Gästebuch</a>'
    menu2[3]='<a href="?downloads">Downloads</a>'
    
    //Contents for menu 3, and so on
    var menu3=new Array()
    menu3[0]='<a href="?forum">Forum</a>'
    menu3[1]='<a href="?gallery">Gallery</a>'
    menu3[3]='<a href="?links">Links</a>'
    menu3[4]='<a href="?contact">Kontakt</a>'
    menu3[5]='<a href="?impressum">Impressum</a>'
    
    		
    var menuwidth='121px' //default menu width
    var menubgcolor='write'  //menu bgcolor
    var disappeardelay=250  //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
    
    </script>
    </head>
    
    <body>
    <center>
      <table width="1024" border="0" cellspacing="0" cellpadding="0" bgcolor="black">
        <tr>
          <td><table width="1024" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="top"><img src="include/designs/design_62/img/header1.jpg" width="356" height="216" /></td>
              <td valign="top"><table width="368" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td><table width="368" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '122px')" onMouseout="delayhidemenu()"><img src="include/designs/design_62/img/clan.jpg" name="image1" width="122" height="25" border="0"></a></td>
                      <td><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '123px')" onMouseout="delayhidemenu()"><img src="include/designs/design_62/img/community.jpg" name="image2" width="123" height="25" border="0"></a></td>
                      <td><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu3, '123px')" onMouseout="delayhidemenu()"><img src="include/designs/design_62/img/contact.jpg" name="image3" width="123" height="25" border="0"></a></td>
                    </tr>
                  </table></td>
                </tr>
                <tr>
                  <td><img src="include/designs/design_62/img/header2.jpg" width="368" height="191" /></td>
                </tr>
              </table></td>
              <td valign="top"><a href="?user-regist"><img src="include/designs/design_62/img/register.jpg" width="300" height="216" border="0"/></a></td>
            </tr>
          </table></td>
        </tr>
        <tr>
          <td>
    <a target="_blank" href="http://www.zurro-gaming.de" title="Webspell Templates">
    <img border="0" src="include/designs/design_62/img/under_header.jpg" width="1024" height="14" /></a></td>
        </tr>
        <tr>
          <td background="include/designs/design_62/images/bg_squads.jpg"><table width="1024" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="71" background="include/designs/design_62/img/bg.jpg"><img src="include/designs/design_62/img/squads.jpg" width="71" height="67" /></td>
              <td width="72"><img src="include/designs/design_62/img/cs.jpg" width="72" height="67" /></td>
              <td width="74"><img src="include/designs/design_62/img/img_10.jpg" width="74" height="67" /></td>
              <td width="72"><img src="include/designs/design_62/img/css.jpg" width="72" height="67" /></td>
              <td width="72"><img src="include/designs/design_62/img/fifa.jpg" width="72" height="67" /></td>
              <td width="74"><img src="include/designs/design_62/img/cod.jpg" width="74" height="67" /></td>
              <td width="69"><img src="include/designs/design_62/img/img_14.jpg" width="69" height="67" /></td>
              <td width="263"><table width="263" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="10">&nbsp;</td>
                    <td width="249"><script type="text/javascript"><!--
    google_ad_client = "pub-8109272597676827";
    google_ad_width = 234;
    google_ad_height = 60;
    google_ad_format = "234x60_as";
    google_ad_type = "text";
    //2007-08-31: zgfx DESGIN 62
    google_ad_channel = "1206228937";
    google_color_border = "0B0B0B";
    google_color_bg = "0B0B0B";
    google_color_link = "3D81EE";
    google_color_text = "000000";
    google_color_url = "000000";
    google_ui_features = "rc:10";
    //-->
                    </script>
                        <script type="text/javascript"
      src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
                    </script></td>
                    <td width="10">&nbsp;</td>
                  </tr>
              </table></td>
              <td width="233" height="67">{_boxes_login}</td>
              <td width="24">&nbsp;</td>
            </tr>
          </table></td>
        </tr>
        <tr>
          <td><img src="include/designs/design_62/img/under_squads.jpg" width="1024" height="12" /></td>
        </tr>
        <tr>
          <td><table width="1024" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="top"><table width="634" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td><img src="include/designs/design_62/img/boxen_mid.jpg" width="634" height="17" /></td>
                </tr>
                <tr>
                  <td><table width="634" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td>
                       <a target="_blank" href="http://www.luca-ryan.de">
                        <img border="0" src="include/designs/design_62/img/box1.jpg" width="232" height="92"><table width="232" border="0" cellspacing="0" cellpadding="0">
                       </table></td>
                      <td valign="top" background="include/designs/design_62/img/box2.jpg" width="203" height="92" ><table width="203" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td width="10">&nbsp;</td>
                          <td width="189">{_boxes_lastwars}</td>
                          <td width="10">&nbsp;</td>
                        </tr>
                       </table></td>
                      <td valign="top" background="include/designs/design_62/img/box3.jpg" width="199" height="92"><table width="199" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                        </tr>
                      </table></td>
                    </tr>
                  </table></td>
                </tr>
              </table></td>
              <td background="include/designs/design_62/img/special.jpg" width="390" height="109"><table width="390" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="367"></td>
                  <td width="23" >&nbsp;</td>
                </tr>
              </table></td>
            </tr>
          </table></td>
        </tr>
        <tr>
          <td><img src="include/designs/design_62/img/under_boxen.jpg" width="1024" height="11" /></td>
        </tr>
        <tr>
          <td background="include/designs/design_62/img/bg.jpg"><table width="1024" border="0" cellspacing="0" cellpadding="0">
            <tr valign="top">
              <td valign="top"><table width="630" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="39">&nbsp;</td>
                   <td width="594"><b>»</b>{HMENU}<br>{EXPLODE}
                    </td>
                  <td width="4">&nbsp;</td>
                </tr>
              </table></td>          
              
              <td valign="top" width="184" height="20" bgcolor="black">
                   <font color="#FFFFFF">{_list_menunr1@ </font>    
                     <table width="184" border="0" cellspacing="0" cellpadding="0" background="include/designs/design_62/img/navi_r.jpg" height="20">
                  	<tr>
                    <td width="10">&nbsp;</td>
                    <td width="112"><b><font face="Tahoma" size="2" color="#ffffff">%1</font></b>
                    </td>
                    <td width="62">&nbsp;</td>
                  	</tr>
                  </table> 
                          
               	  <table width="184" border="0" cellspacing="0" cellpadding="0" background="http://85.14.216.248/Webseitenbauen/Banner/Button.jpg" height="10">
                    <tr>
                      <td width="10">&nbsp;</td>
                      <td width="170"><font face="Tahoma" size="3" color="#ffffff">%2</font></td>
                      <td width="10">&nbsp;</td>
                    </tr>
                  </table>
                  }
                  <font color="#FFFFFF">{_list_menunr2@ </font>    
                  <table width="184" border="0" cellspacing="0" cellpadding="0" background="include/designs/design_62/img/navi_r.jpg" height="20">
                  	<tr>
                    <td width="10">&nbsp;</td>
                    <td width="112"><b><font face="Tahoma" size="2" color="#ffffff">%1</font></b>
                    </td>
                    <td width="62">&nbsp;</td>
                  	</tr>
                  </table> 
                          
               	  <table width="184" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="10">&nbsp;</td>
                      <td width="170"><font face="Tahoma" size="2" color="#ffffff">%2</font></td>
                      <td width="10">&nbsp;</td>
                    </tr>
                  </table>
                  }
    		 </td>
              <td valign="top"><table width="203" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td background="include/designs/design_62/img/navi_l.jpg" width="203" height="21"><table width="203" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="12">&nbsp;</td>
                      <td width="112"><font color="#FFFFFF" face="Tahoma" style="font-size:12px; font-weight:bold">Werbepartner</font></td>
                      <td width="79">&nbsp;</td>
                    </tr>
                  </table></td>
                </tr>
                <tr>
                  <td>
                  <a target="_blank" href="http://www.zurro-gaming.de/template-Sponsoren/sponsor_2.html">
                  <img border="0" src="http://www.zurro-gaming.de/template-Sponsoren/d62/sponsor1.jpg" width="181" height="51" /></a></td>
                </tr>
                <tr>
                  <td>
                  <a target="_blank" href="http://www.zurro-gaming.de/template-Sponsoren/sponsor_1.html">
                  <img border="0" src="http://www.zurro-gaming.de/template-Sponsoren/d62/sponsor2.jpg" width="181" height="60" /></a></td>
                </tr>
                <tr>
                  <td>
                  <a target="_blank" href="http://www.zurro-gaming.de/template-Sponsoren/sponsor_3.html">
    			<img border="0" src="http://www.zurro-gaming.de/template-Sponsoren/d62/sponsor3.jpg" width="181" height="59" /></a></td>
                </tr>
                 <tr>
                   <td>
                     <a target="_self" href="http://85.14.216.248/Webseitenbauen/?contact">
    			<img border="0" src="http://85.14.216.248/Webseitenbauen/Sponsor/Werbung.jpg" width="181" height="459" /></a></td>
                     </tr>
    
                    <tr>
                  <td>
    
                <font color="#FFFFFF">{_list_menunr4@ </font>    
                  <table width="203" border="0" cellspacing="0" cellpadding="0" background="include/designs/design_62/img/navi_l.jpg" height="21">
                    <tr>
                      <td width="12">&nbsp;</td>
                      <td width="112"><b><font face="Tahoma" size="2" color="#ffffff">%1</font></b> </td>
                      <td width="79">&nbsp;</td>
                    </tr>
                  </table><table width="203" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="10">&nbsp;</td>
                      <td width="167"><font face="Tahoma" size="3" color="#ffffff">%2</font></td>
                      <td width="26">&nbsp;</td>
                    </tr>
                  </table>
                  }
                  <br>
                  &nbsp;</td>
                </tr>
              </table></td>
            </tr>
          </table></td>
        </tr>
      </table>
      <p><font color="#3A3839"><a target="_blank" title="kostenlose Clandesigns" href="">
      <font color="#3A3839">&nbsp; </font></a></font></p>
    
    </center>
    
    <map name="Map" id="Map">
    <area shape="rect" coords="116,28,263,66" href="index.php?site=register" />
    <area href="?user-regist" shape="default">
    <area href="?user-regist" coords="0, 0, 10000, 10000" shape="rect">
    </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@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
    {_list_vmenubegi@<ul>}
    {_list_vmenuende@</ul>}
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Botox84 Mitglied
    Registriert seit
    09.08.2006
    Beiträge
    1.190
    Beitragswertungen
    21 Beitragspunkte
    kann mir keiner helfen???
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    Clarix Mitglied
    Registriert seit
    29.10.2007
    Beiträge
    16
    Beitragswertungen
    0 Beitragspunkte
    {_list_hmenupoint@<a target="%1" class="menu" href="%2">%3</a>|||}
    {_list_hmenubegi@}
    {_list_hmenuende@}
    
    {_list_vmenupoint@<a target="%1" class="menu" href="%2">%3</a>|||}
    {_list_vmenubegi@}
    {_list_vmenuende@}


    Achte mal auf 'class="menu', nicht box.Vielleicht liegt es daran.
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    Botox84 Mitglied
    Registriert seit
    09.08.2006
    Beiträge
    1.190
    Beitragswertungen
    21 Beitragspunkte
    ich habe jetzt folgendes gemacht

    style.css
    #a.menu /*CSS Klasse die die Menuepunkte der Menues definiert*/ 
    { 
    display:block; 
    color: #000000; 
    font-size: 10px; 
    background-image:url(http://85.14.216.248/Webseitenbauen/Banner/Button.jpg); 
    width: 162px; 
    height: 18px; 
    text-indent: 27px; 
    text-decoration: none; 
    font-family: Tahoma, Arial,Verdana, Helvetica, sans-serif; 
    line-height: 16px; 
    } 
    #a.menu:hover /*CSS Klasse die die Mouseover-Menuepunkte der Menues definiert*/ 
    { 
    display:block; 
    color: #ff5a00; 
    font-size: 10px; 
    background-image:url(http://85.14.216.248/Webseitenbauen/Banner/Button2.jpg); 
    width: 162px; 
    height: 18px; 
    text-indent: 30px; 
    text-decoration: none; 
    font-family: Tahoma, Arial,Verdana, Helvetica, sans-serif; 
    line-height: 16px; 
    } 
    
    body { 
    margin: 0; 
    padding: 0; 
    text-align: center; 
    background-color: #1C1C1C; // Hintergrund 
    font-size: 10px; 
    font-family: Verdana, sans-serif; 
    } 
    #wrap { 
    position: relative; 
    width: 967px; 
    text-align: left; 
    margin: 0 auto 0 auto; 
    } 
    #top { 
    background: url('img/top.gif'); 
    height: 67px 
    } 
    #header { 
    background: url('img/logo.gif'); 
    height: 153px; 
    text-align: center; 
    vertical-align:middle 
    } 
    #header h1 { 
    display: inline; 
    position: absolute; 
    top: 110px; left: 100px; 
    color: #fff; 
    font-family: 'Trebuchet MS'; 
    font-weight: normal; 
    font-size: 24px; 
    } 
    #top2 { 
    background: url('img/top2.gif'); 
    height: 31px 
    } 
    #top2 font { 
    display: inline; 
    position: absolute; 
    left: 172px; 
    margin-top: 2px; 
    font-size: 10px; 
    text-decoration: none; 
    } 
    #content { 
    background: url('img/contentbg.gif'); 
    
    } 
    #footer { 
    background: url('img/footer.gif'); 
    height: 33px; 
    text-align: center; 
    vertical-align: middle 
    } 
    #left_col { 
    width: 158px; 
    float: left; 
    padding-top: 0px; 
    padding-left: 9px; 
    padding-right: 18px; 
    padding-bottom: 0px; 
    color: #fff; 
    overflow: hidden; 
    } 
    
    #left_col .Cmite, #left_col .Cnorm, #left_col .Cdark { 
    color: #ff0000; 
    } 
    
    #left_col a { 
    color: #CCCCCC; 
    } 
    
    #left_col 
    
    #main_col { 
    width: 440px; 
    float: left; 
    padding-top: 0px; 
    padding-left: 5px; 
    padding-right: 20px; 
    padding-bottom: 0px; 
    clear: none; 
    min-height: 100px; 
    overflow: auto; 
    } 
    #right_col1 { 
    width: 141px; 
    float: left; 
    padding-top: 0px; 
    padding-left: 7px; 
    padding-right: 10px; 
    padding-bottom: 0px; 
    overflow: hidden; 
    } 
    #right_col2 { 
    width: 141px; 
    float: right; 
    padding-top: 0px; 
    padding-left: 0px; 
    padding-right: 14px; 
    padding-bottom: 0px; 
    overflow: hidden; 
    } 
    
    #right_col1 .menu_heading, 
    #right_col2 .menu_heading 
    { 
    color:#fff; 
    font-size:11px; 
    letter-spacing: 1px; 
    } 
    
    #left_col ul 
    { 
    padding: 0; 
    margin: 0; 
    width: 149px; list-style-position:inside; list-style-image:url('img/box_menu_pfeil.gif') 
    } 
    
    #left_col li 
    { 
    margin:0; 
    background: url('img/box_menu_trennlinie.gif') no-repeat bottom;; padding-left:2px; padding-right:0; padding-top:5px; padding-bottom:0 
    } 
    
    #left_col li ul 
    { 
    width: 146px; 
    background: url('img/box_menu_trennlinie.gif') no-repeat top; 
    } 
    
    #left_col li li 
    { 
    padding-left: 16px; 
    } 
    #left_col li a 
    { 
    color: #fff; 
    padding-left: 8px; 
    font-size: 11px; 
    font-weight: normal; 
    text-decoration: none; 
    } 
    
    td 
    { 
    font-family: Verdana; 
    font-size: 12px; 
    color: #666666; // Textfarbe 
    } 
    
    hr 
    { 
    height: 0px; 
    border: solid #006600 0px; 
    border-top-width: 1px; 
    } 
    
    a, #left_col .Cmite a, #left_col .Cnorm a, #left_col .Cdark a 
    { 
    color: #666666; // Hyperlinks 
    font-family: Verdana; 
    font-size: 10px; 
    text-decoration: none; 
    } 
    
    a:hover 
    { 
    text-decoration: none; 
    } 
    
    a.box 
    { 
    color: #666666; // Hyperlinks bei login und menuepunkte 
    font-family: Tahoma; 
    font-size: 13px; 
    text-decoration: none; 
    } 
    
    a.box:hover 
    { 
    text-decoration: none; 
    } 
    
    .Chead 
    { 
    background: #DBDADA; // Schrift zb bei forum und Kalender 
    color: #0066cc; 
    } 
    
    .Chead td, .Chead td strong, .Chead h4, .Chead td b 
    { 
    background: #DBDADA; 
    color: #0066cc; // überschriften 
    } 
    
    .Callg 
    { 
    background-color: #EFEFEF; 
    color: #000000; 
    } 
    
    .Callg td 
    { 
    color: #000000; 
    } 
    
    .Cnorm 
    { 
    background-color: #ffffff; 
    } 
    .Cmite 
    { 
    background-color: #ffffff; 
    } 
    .Cdark 
    { 
    background-color: #ffffff; 
    } 
    
    .rand 
    { 
    border: solid #c0c0c0 1px; 
    } 
    
    .smalfont 
    { 
    font-size: 10px; 
    text-decoration: none; 
    } 
    
    .border 
    { 
    background-color: #ffffff; 
    } 
    hr 
    { 
    height: 0px; 
    border: solid #6B6B6B 0px; 
    border-top-width: 1px; 
    } 
    
    input, textarea, select 
    { 
    color: #c0c0c0; 
    font: 10px Verdana; 
    border-color: #1D1D1D; 
    border-width: 1px; 
    border-style: solid; 
    font-weight: none; 
    text-decoration: none; 
    background-color: #EFEFEF;


    index.htm

    <head> 
    <meta http-equiv="Content-Language" content="de"> 
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> 
    <!-- Head & Title include --> 
    <title>{TITLE} // Clanpage by zurro-gaming.de</title> 
    <link rel="stylesheet" type="text/css" href="include/designs/design_62/style.css"> 
    <link href="_stylesheet.css" rel="stylesheet" type="text/css"> 
    <script src="js/bbcode.js" language="jscript" type="text/javascript"></script> 
    <!-- end Head & Title include --> 
    
    <!-- standard Design stylesheet --> 
    <style type="text/css"> 
    body { 
    margin-left: 0px; 
    margin-top: 3px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    background-color: #3A3839 
    } 
    .head {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; } 
    .head2 {font-size: 10px; color: #6DC903; font-weight: bold; } 
    </style> 
    <!-- end standard Design stylesheet --> 
    <style type="text/css"> 
    
    #dropmenudiv{ 
    border-left:0px none; border-right:0px none; border-top:0px none; border-bottom:0px none; position:absolute; 
    line-height:18px; 
    z-index:100; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Verdana 
    } 
    
    #dropmenudiv a{ 
    width: 100%; 
    display: block; 
    text-indent: 3px; 
    border-bottom: 1px solid black; 
    padding: 1px 0; 
    text-decoration: none; 
    font-weight: bold; 
    background:#000000; 
    } 
    
    #dropmenudiv a:hover{ /*hover background color*/ 
    background-color: write; 
    } 
    
    </style> 
    
    <script type="text/javascript"> 
    
    /*********************************************** 
    * 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 
    var menu1=new Array() 
    menu1[3]='<a href="index.php?user">Mitglieder</a>' 
    menu1[4]='<a href="index.php?rules">AGB</a>' 
    
    //Contents for menu 2, and so on 
    var menu2=new Array() 
    menu2[0]='<a href="index.php?news">News</a>' 
    menu2[1]='<a href="index.php?vote">Umfragen</a>' 
    menu2[2]='<a href="index.php?gbook">Gästebuch</a>' 
    menu2[3]='<a href="index.php?downloads">Downloads</a>' 
    
    //Contents for menu 3, and so on 
    var menu3=new Array() 
    menu3[0]='<a href="index.php?forum">Forum</a>' 
    menu3[1]='<a href="index.php?gallery">Gallery</a>' 
    menu3[3]='<a href="index.php?links">Links</a>' 
    menu3[4]='<a href="index.php?contact">Kontakt</a>' 
    menu3[5]='<a href="index.php?impressum">Impressum</a>' 
    
    
    var menuwidth='121px' //default menu width 
    var menubgcolor='write' //menu bgcolor 
    var disappeardelay=250 //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 
    
    </script> 
    </head> 
    
    <body> 
    <center> 
    <table width="1024" border="0" cellspacing="0" cellpadding="0" bgcolor="black"> 
    <tr> 
    <td><table width="1024" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td valign="top"><img src="include/designs/design_62/img/header1.jpg" width="356" height="216" /></td> 
    <td valign="top"><table width="368" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td><table width="368" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '122px')" onMouseout="delayhidemenu()"><img src="include/designs/design_62/img/clan.jpg" name="image1" width="122" height="25" border="0"></a></td> 
    <td><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '123px')" onMouseout="delayhidemenu()"><img src="include/designs/design_62/img/community.jpg" name="image2" width="123" height="25" border="0"></a></td> 
    <td><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu3, '123px')" onMouseout="delayhidemenu()"><img src="include/designs/design_62/img/contact.jpg" name="image3" width="123" height="25" border="0"></a></td> 
    </tr> 
    </table></td> 
    </tr> 
    <tr> 
    <td><img src="include/designs/design_62/img/header2.jpg" width="368" height="191" /></td> 
    </tr> 
    </table></td> 
    <td valign="top"><a href="index.php?user-regist"><img src="include/designs/design_62/img/register.jpg" width="300" height="216" border="0"/></a></td> 
    </tr> 
    </table></td> 
    </tr> 
    <tr> 
    <td> 
    <a target="_blank" href="http://www.zurro-gaming.de" title="Webspell Templates"> 
    <img border="0" src="include/designs/design_62/img/under_header.jpg" width="1024" height="14" /></a></td> 
    </tr> 
    <tr> 
    <td background="include/designs/design_62/images/bg_squads.jpg"><table width="1024" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td width="71" background="include/designs/design_62/img/bg.jpg"><img src="include/designs/design_62/img/squads.jpg" width="71" height="67" /></td> 
    <td width="72"><img src="include/designs/design_62/img/cs.jpg" width="72" height="67" /></td> 
    <td width="74"><img src="include/designs/design_62/img/img_10.jpg" width="74" height="67" /></td> 
    <td width="72"><img src="include/designs/design_62/img/css.jpg" width="72" height="67" /></td> 
    <td width="72"><img src="include/designs/design_62/img/fifa.jpg" width="72" height="67" /></td> 
    <td width="74"><img src="include/designs/design_62/img/cod.jpg" width="74" height="67" /></td> 
    <td width="69"><img src="include/designs/design_62/img/img_14.jpg" width="69" height="67" /></td> 
    <td width="263"><table width="263" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td width="10">&nbsp;</td> 
    <td width="249"><script type="text/javascript"><!-- 
    google_ad_client = "pub-8109272597676827"; 
    google_ad_width = 234; 
    google_ad_height = 60; 
    google_ad_format = "234x60_as"; 
    google_ad_type = "text"; 
    //2007-08-31: zgfx DESGIN 62 
    google_ad_channel = "1206228937"; 
    google_color_border = "0B0B0B"; 
    google_color_bg = "0B0B0B"; 
    google_color_link = "3D81EE"; 
    google_color_text = "000000"; 
    google_color_url = "000000"; 
    google_ui_features = "rc:10"; 
    //--> 
    </script> 
    <script type="text/javascript" 
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> 
    </script></td> 
    <td width="10">&nbsp;</td> 
    </tr> 
    </table></td> 
    <td width="233" height="67">{_boxes_login}</td> 
    <td width="24">&nbsp;</td> 
    </tr> 
    </table></td> 
    </tr> 
    <tr> 
    <td><img src="include/designs/design_62/img/under_squads.jpg" width="1024" height="12" /></td> 
    </tr> 
    <tr> 
    <td><table width="1024" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td valign="top"><table width="634" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td><img src="include/designs/design_62/img/boxen_mid.jpg" width="634" height="17" /></td> 
    </tr> 
    <tr> 
    <td><table width="634" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td> 
    <a target="_blank" href="http://www.luca-ryan.de"> 
    <img border="0" src="include/designs/design_62/img/box1.jpg" width="232" height="92"><table width="232" border="0" cellspacing="0" cellpadding="0"> 
    </table></td> 
    <td valign="top" background="include/designs/design_62/img/box2.jpg" width="203" height="92" ><table width="203" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td width="10">&nbsp;</td> 
    <td width="189">{_boxes_lastwars}</td> 
    <td width="10">&nbsp;</td> 
    </tr> 
    </table></td> 
    <td valign="top" background="include/designs/design_62/img/box3.jpg" width="199" height="92"><table width="199" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    </tr> 
    </table></td> 
    </tr> 
    </table></td> 
    </tr> 
    </table></td> 
    <td background="include/designs/design_62/img/special.jpg" width="390" height="109"><table width="390" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td width="367"></td> 
    <td width="23" >&nbsp;</td> 
    </tr> 
    </table></td> 
    </tr> 
    </table></td> 
    </tr> 
    <tr> 
    <td><img src="include/designs/design_62/img/under_boxen.jpg" width="1024" height="11" /></td> 
    </tr> 
    <tr> 
    <td background="include/designs/design_62/img/bg.jpg"><table width="1024" border="0" cellspacing="0" cellpadding="0"> 
    <tr valign="top"> 
    <td valign="top"><table width="630" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td width="39">&nbsp;</td> 
    <td width="594"><b>»</b>{HMENU}<br>{EXPLODE} 
    </td> 
    <td width="4">&nbsp;</td> 
    </tr> 
    </table></td> 
    
    <td valign="top" width="184" height="20" bgcolor="black"> 
    <font color="#FFFFFF">{_list_menunr1@ </font> 
    <table width="184" border="0" cellspacing="0" cellpadding="0" background="include/designs/design_62/img/navi_r.jpg" height="20"> 
    <tr> 
    <td width="10">&nbsp;</td> 
    <td width="112"><b><font face="Tahoma" size="2" color="#ffffff">%1</font></b> 
    </td> 
    <td width="62">&nbsp;</td> 
    </tr> 
    </table> 
    
    <table width="184" border="0" cellspacing="0" cellpadding="0" background="http://85.14.216.248/Webseitenbauen/Banner/Button.jpg" height="10"> 
    <tr> 
    <td width="10">&nbsp;</td> 
    <td width="170"><font face="Tahoma" size="3" color="#ffffff">%2</font></td> 
    <td width="10">&nbsp;</td> 
    </tr> 
    </table> 
    } 
    <font color="#FFFFFF">{_list_menunr2@ </font> 
    <table width="184" border="0" cellspacing="0" cellpadding="0" background="include/designs/design_62/img/navi_r.jpg" height="20"> 
    <tr> 
    <td width="10">&nbsp;</td> 
    <td width="112"><b><font face="Tahoma" size="2" color="#ffffff">%1</font></b> 
    </td> 
    <td width="62">&nbsp;</td> 
    </tr> 
    </table> 
    
    <table width="184" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td width="10">&nbsp;</td> 
    <td width="170"><font face="Tahoma" size="2" color="#ffffff">%2</font></td> 
    <td width="10">&nbsp;</td> 
    </tr> 
    </table> 
    } 
    </td> 
    <td valign="top"><table width="203" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td background="include/designs/design_62/img/navi_l.jpg" width="203" height="21"><table width="203" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td width="12">&nbsp;</td> 
    <td width="112"><font color="#FFFFFF" face="Tahoma" style="font-size:12px; font-weight:bold">Werbepartner</font></td> 
    <td width="79">&nbsp;</td> 
    </tr> 
    </table></td> 
    </tr> 
    <tr> 
    <td> 
    <a target="_blank" href="http://www.zurro-gaming.de/template-Sponsoren/sponsor_2.html"> 
    <img border="0" src="http://www.zurro-gaming.de/template-Sponsoren/d62/sponsor1.jpg" width="181" height="51" /></a></td> 
    </tr> 
    <tr> 
    <td> 
    <a target="_blank" href="http://www.zurro-gaming.de/template-Sponsoren/sponsor_1.html"> 
    <img border="0" src="http://www.zurro-gaming.de/template-Sponsoren/d62/sponsor2.jpg" width="181" height="60" /></a></td> 
    </tr> 
    <tr> 
    <td> 
    <a target="_blank" href="http://www.zurro-gaming.de/template-Sponsoren/sponsor_3.html"> 
    <img border="0" src="http://www.zurro-gaming.de/template-Sponsoren/d62/sponsor3.jpg" width="181" height="59" /></a></td> 
    </tr> 
    <tr> 
    <td> 
    <a target="_self" href="http://85.14.216.248/Webseitenbauen/?contact"> 
    <img border="0" src="http://85.14.216.248/Webseitenbauen/Sponsor/Werbung.jpg" width="181" height="459" /></a></td> 
    </tr> 
    
    <tr> 
    <td> 
    
    <font color="#FFFFFF">{_list_menunr4@ </font> 
    <table width="203" border="0" cellspacing="0" cellpadding="0" background="include/designs/design_62/img/navi_l.jpg" height="21"> 
    <tr> 
    <td width="12">&nbsp;</td> 
    <td width="112"><b><font face="Tahoma" size="2" color="#ffffff">%1</font></b> </td> 
    <td width="79">&nbsp;</td> 
    </tr> 
    </table><table width="203" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td width="10">&nbsp;</td> 
    <td width="167"><font face="Tahoma" size="3" color="#ffffff">%2</font></td> 
    <td width="26">&nbsp;</td> 
    </tr> 
    </table> 
    } 
    <br> 
    &nbsp;</td> 
    </tr> 
    </table></td> 
    </tr> 
    </table></td> 
    </tr> 
    </table> 
    <p><font color="#3A3839"><a target="_blank" title="kostenlose Clandesigns" href=""> 
    <font color="#3A3839">&nbsp; </font></a></font></p> 
    
    </center> 
    
    <map name="Map" id="Map"> 
    <area shape="rect" coords="116,28,263,66" href="index.php?site=register" /> 
    <area href="index.php?user-regist" shape="default"> 
    <area href="index.php?user-regist" coords="0, 0, 10000, 10000" shape="rect"> 
    </map></body> 
    </html> 
    <!-- {_list_DDDmenupoint@<strong><big>&middot;</big></strong><a %1 class="box" href="%2">%3</a><br />}//--> 
    {_list_hmenupoint@<a target="%1" class="menu" href="%2">%3</a>|||} 
    {_list_hmenubegi@} 
    {_list_hmenuende@} 
    
    {_list_vmenupoint@<a target="%1" class="menu" href="%2">%3</a>|||} 
    {_list_vmenubegi@} 
    {_list_vmenuende@}


    funktioniert nicht, das einzige was da passiert ist: das die links nebeneinander stehen und das is nicht gerade fein ;-(

    hat jemand noch eine idee wie ich das machen kann oder kann es sein das in der css oder htm nen fehler drinne ist???

    lg Botox
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    filch Mitglied
    Registriert seit
    21.08.2007
    Beiträge
    35
    Beitragswertungen
    0 Beitragspunkte
    Das hilft jetzt erst einmal nicht viel. Kann man sich deine Versuche irgendwo ansehen? Möchtest du die Menü-Punkte als Bild darstellen und dann ädern sobald der Mauszeiger darüber steht? Oder mehr in der Art, dass die Menu- Punkte als Text stehen und nur die Hintergrundbilder sich ändern?

    Die 2. Variante habe ich bei meinem DropDownmenu verwendet (externer Link). Da kann ich dir vielleicht helfen. Für Variante 1 habe ich eventuell auch eine Idee. Auf der Seite siehst du im Header so kleine Bildchen. Wenn du mit der Maus darüber fährst, werden in der Mitte die Squad-Logos angezeigt. In einer abgewandelten Form sollte es eben auf Variante 1 zutreffen. Ist allerdings nur mit CSS gemacht. Ich habe immer noch eine kleine Abneigung gegen Javascript.

    Gruß filch


    Zuletzt modifiziert von filch am 11.11.2007 - 12:39:40
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    Botox84 Mitglied
    Registriert seit
    09.08.2006
    Beiträge
    1.190
    Beitragswertungen
    21 Beitragspunkte
    Hi, ich würde es gerne so machen wie du hast, quasi so wie hier auch auf der ilch seite zu sehen ist(Startseite, Downloas, Dokumentation, Forum) nur das dies halt im menü eins sein soll ;-P

    Eigentlich solls ne hilfeseite werden für leute die nicht wissen wie man sich ne eigene webseite baut, ilch installiert und so weiter, aber nun bin ich selbst überfragt und weiß nicht weiter :'(

    hier mal der link85.14.216.248/Webseitenbauen/index.php?contact
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    filch Mitglied
    Registriert seit
    21.08.2007
    Beiträge
    35
    Beitragswertungen
    0 Beitragspunkte
    Schau mal hier nach. Da habe ich schon einiges dazu geschrieben externer Link. Aber im Grunde genommen tausche ich per CSS nur die Hintergrundbilder aus.

    Ich habe mehrere CSS-Dateien benutzt, weil es sonst in einen Browser ging und in einem anderen wieder nicht. Vielleicht hilft dir ja mein Weg weiter.

    Gruß filch


    Zuletzt modifiziert von filch am 11.11.2007 - 13:48:59
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    Botox84 Mitglied
    Registriert seit
    09.08.2006
    Beiträge
    1.190
    Beitragswertungen
    21 Beitragspunkte
    Danke dir, aber da muss dann ja noch einiges umgschrieben werden in css und davon habe ich keinen plan.....
    könntest du dir evtl. die arbeit machen und mir die index plus css und andere css umschreiben so das es funzt???würde dies auch mit einem button zu deiner page belohnen wenn du daran interessiert bist???


    Nachtrag:
    Meine jetztige index: 85.14.216.248/Webseitenbauen/Banner/index.rar
    Jetztige css: 85.14.216.248/Webseitenbauen/Banner/style.rar
    Button.jpg: 85.14.216.248/Webseitenbauen/Banner/Button.jpg
    Button2.jpg: 85.14.216.248/Webseitenbauen/Banner/Button2.jpg
    lg Botox84


    Zuletzt modifiziert von Botox84 am 11.11.2007 - 14:02:06
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    filch Mitglied
    Registriert seit
    21.08.2007
    Beiträge
    35
    Beitragswertungen
    0 Beitragspunkte
    #dropmenudiv a:hover{ /*hover background color*/
    background-color: write;
    }
    		
    var menuwidth='121px' //default menu width
    var menubgcolor='write'  //menu bgcolor
    var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
    var hidemenu_onclick="yes" //hide menu when user clicks within menu?


    vielleicht hilft das in Ansätzen:

    #dropmenudiv a:hover{ /*hover background color*/
    background-color: #000000;
    color: darkgray;
    }
    		
    var menuwidth='121px' //default menu width
    var menubgcolor='black'  //menu bgcolor
    var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
    var hidemenu_onclick="yes" //hide menu when user clicks within menu?


    Die passende Farbe kennst du selbst am Besten.

    Gruß filch
    0 Mitglieder finden den Beitrag gut.
  15. #15
    User Pic
    Botox84 Mitglied
    Registriert seit
    09.08.2006
    Beiträge
    1.190
    Beitragswertungen
    21 Beitragspunkte
    Hilft mir leider nicht, ich kenn mich mit css nicht aus:'(
    0 Mitglieder finden den Beitrag gut.
  16. #16
    User Pic
    filch Mitglied
    Registriert seit
    21.08.2007
    Beiträge
    35
    Beitragswertungen
    0 Beitragspunkte
    such die zeilen mal in deiner index.htm und änder die!!

    Gruß filch
    0 Mitglieder finden den Beitrag gut.
  17. #17
    User Pic
    Botox84 Mitglied
    Registriert seit
    09.08.2006
    Beiträge
    1.190
    Beitragswertungen
    21 Beitragspunkte
    Habs jetzt so jetzt so gemacht, funzt aber nicht, bin mir aber auch nicht sicher ob ich es richtig gemacht habe, geschweige denn obs funktioniert, weil ja gar keine angaben für die bilder gemacht wurden....hier mal die index wie ichs gemacht habe....


    <html>
    <head>
    <meta http-equiv="Content-Language" content="de">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <!-- Head & Title include -->
    <title>{TITLE} // Clanpage by zurro-gaming.de</title>
    <link rel="stylesheet" type="text/css" href="include/designs/design_62/style.css">
    <link href="_stylesheet.css" rel="stylesheet" type="text/css">
    <script src="js/bbcode.js" language="jscript" type="text/javascript"></script>
    <!-- end Head & Title include -->

    <!-- standard Design stylesheet -->
    <style type="text/css">
    body {
    margin-left: 0px;
    margin-top: 3px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #3A3839
    }
    .head {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; }
    .head2 {font-size: 10px; color: #6DC903; font-weight: bold; }
    </style>
    <!-- end standard Design stylesheet -->
    <style type="text/css">

    #dropmenudiv{
    border-left:0px none; border-right:0px none; border-top:0px none; border-bottom:0px none; position:absolute;
    line-height:18px;
    z-index:100; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Verdana
    }

    #dropmenudiv a{
    width: 100%;
    display: block;
    text-indent: 3px;
    border-bottom: 1px solid black;
    padding: 1px 0;
    text-decoration: none;
    font-weight: bold;
    background:#000000;
    }
    #dropmenudiv a:hover{ /*hover background color*/
    background-color: write;
    }

    var menuwidth='121px' //default menu width
    var menubgcolor='write' //menu bgcolor
    var disappeardelay=250 //menu disappear speed onMouseout (in miliseconds)
    var hidemenu_onclick="yes" //hide menu when user clicks within menu?

    #dropmenudiv a:hover{ /*hover background color*/
    background-color: #000000;
    color: darkgray;
    }

    var menuwidth='121px' //default menu width
    var menubgcolor='black' //menu bgcolor
    var disappeardelay=250 //menu disappear speed onMouseout (in miliseconds)
    var hidemenu_onclick="yes" //hide menu when user clicks within menu?

    }


    </style>

    <script type="text/javascript">

    /***********************************************
    * AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit externer Link for full source code
    ***********************************************/

    //Contents for menu 1
    var menu1=new Array()
    menu1[3]='<a href="?user">Mitglieder</a>'
    menu1[4]='<a href="?rules">AGB</a>'

    //Contents for menu 2, and so on
    var menu2=new Array()
    menu2[0]='<a href="?news">News</a>'
    menu2[1]='<a href="?vote">Umfragen</a>'
    menu2[2]='<a href="?gbook">Gästebuch</a>'
    menu2[3]='<a href="?downloads">Downloads</a>'

    //Contents for menu 3, and so on
    var menu3=new Array()
    menu3[0]='<a href="?forum">Forum</a>'
    menu3[1]='<a href="?gallery">Gallery</a>'
    menu3[3]='<a href="?links">Links</a>'
    menu3[4]='<a href="?contact">Kontakt</a>'
    menu3[5]='<a href="?impressum">Impressum</a>'


    var menuwidth='121px' //default menu width
    var menubgcolor='write' //menu bgcolor
    var disappeardelay=250 //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

    </script>
    </head>

    <body>
    <center>
    <table width="1024" border="0" cellspacing="0" cellpadding="0" bgcolor="black">
    <tr>
    <td><table width="1024" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td valign="top"><img src="include/designs/design_62/img/header1.jpg" width="356" height="216" /></td>
    <td valign="top"><table width="368" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td><table width="368" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '122px')" onMouseout="delayhidemenu()"><img src="include/designs/design_62/img/clan.jpg" name="image1" width="122" height="25" border="0"></a></td>
    <td><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '123px')" onMouseout="delayhidemenu()"><img src="include/designs/design_62/img/community.jpg" name="image2" width="123" height="25" border="0"></a></td>
    <td><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu3, '123px')" onMouseout="delayhidemenu()"><img src="include/designs/design_62/img/contact.jpg" name="image3" width="123" height="25" border="0"></a></td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td><img src="include/designs/design_62/img/header2.jpg" width="368" height="191" /></td>
    </tr>
    </table></td>
    <td valign="top"><a href="?user-regist"><img src="include/designs/design_62/img/register.jpg" width="300" height="216" border="0"/></a></td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td>
    <a target="_blank" href="http://www.zurro-gaming.de" title="Webspell Templates">
    <img border="0" src="include/designs/design_62/img/under_header.jpg" width="1024" height="14" /></a></td>
    </tr>
    <tr>
    <td background="include/designs/design_62/images/bg_squads.jpg"><table width="1024" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="71" background="include/designs/design_62/img/bg.jpg"><img src="include/designs/design_62/img/squads.jpg" width="71" height="67" /></td>
    <td width="72"><img src="include/designs/design_62/img/cs.jpg" width="72" height="67" /></td>
    <td width="74"><img src="include/designs/design_62/img/img_10.jpg" width="74" height="67" /></td>
    <td width="72"><img src="include/designs/design_62/img/css.jpg" width="72" height="67" /></td>
    <td width="72"><img src="include/designs/design_62/img/fifa.jpg" width="72" height="67" /></td>
    <td width="74"><img src="include/designs/design_62/img/cod.jpg" width="74" height="67" /></td>
    <td width="69"><img src="include/designs/design_62/img/img_14.jpg" width="69" height="67" /></td>
    <td width="263"><table width="263" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="10">&nbsp;</td>
    <td width="249"><script type="text/javascript"><!--
    google_ad_client = "pub-8109272597676827";
    google_ad_width = 234;
    google_ad_height = 60;
    google_ad_format = "234x60_as";
    google_ad_type = "text";
    //2007-08-31: zgfx DESGIN 62
    google_ad_channel = "1206228937";
    google_color_border = "0B0B0B";
    google_color_bg = "0B0B0B";
    google_color_link = "3D81EE";
    google_color_text = "000000";
    google_color_url = "000000";
    google_ui_features = "rc:10";
    //-->
    </script>
    <script type="text/javascript"
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script></td>
    <td width="10">&nbsp;</td>
    </tr>
    </table></td>
    <td width="233" height="67">{_boxes_login}</td>
    <td width="24">&nbsp;</td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td><img src="include/designs/design_62/img/under_squads.jpg" width="1024" height="12" /></td>
    </tr>
    <tr>
    <td><table width="1024" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td valign="top"><table width="634" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td><img src="include/designs/design_62/img/boxen_mid.jpg" width="634" height="17" /></td>
    </tr>
    <tr>
    <td><table width="634" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td>
    <a target="_blank" href="http://www.luca-ryan.de">
    <img border="0" src="include/designs/design_62/img/box1.jpg" width="232" height="92"><table width="232" border="0" cellspacing="0" cellpadding="0">
    </table></td>
    <td valign="top" background="include/designs/design_62/img/box2.jpg" width="203" height="92" ><table width="203" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="10">&nbsp;</td>
    <td width="189">{_boxes_lastwars}</td>
    <td width="10">&nbsp;</td>
    </tr>
    </table></td>
    <td valign="top" background="include/designs/design_62/img/box3.jpg" width="199" height="92"><table width="199" border="0" cellspacing="0" cellpadding="0">
    <tr>
    </tr>
    </table></td>
    </tr>
    </table></td>
    </tr>
    </table></td>
    <td background="include/designs/design_62/img/special.jpg" width="390" height="109"><table width="390" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="367"></td>
    <td width="23" >&nbsp;</td>
    </tr>
    </table></td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td><img src="include/designs/design_62/img/under_boxen.jpg" width="1024" height="11" /></td>
    </tr>
    <tr>
    <td background="include/designs/design_62/img/bg.jpg"><table width="1024" border="0" cellspacing="0" cellpadding="0">
    <tr valign="top">
    <td valign="top"><table width="630" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="39">&nbsp;</td>
    <td width="594"><b>»</b>{HMENU}<br>{EXPLODE}
    </td>
    <td width="4">&nbsp;</td>
    </tr>
    </table></td>

    <td valign="top" width="184" height="20" bgcolor="black">
    <font color="#FFFFFF">{_list_menunr1@ </font>
    <table width="184" border="0" cellspacing="0" cellpadding="0" background="include/designs/design_62/img/navi_r.jpg" height="20">
    <tr>
    <td width="10">&nbsp;</td>
    <td width="112"><b><font face="Tahoma" size="2" color="#ffffff">%1</font></b>
    </td>
    <td width="62">&nbsp;</td>
    </tr>
    </table>

    <table width="184" border="0" cellspacing="0" cellpadding="0" background="http://85.14.216.248/Webseitenbauen/Banner/Button.jpg" height="10">
    <tr>
    <td width="10">&nbsp;</td>
    <td width="170"><font face="Tahoma" size="3" color="#ffffff">%2</font></td>
    <td width="10">&nbsp;</td>
    </tr>
    </table>
    }
    <font color="#FFFFFF">{_list_menunr2@ </font>
    <table width="184" border="0" cellspacing="0" cellpadding="0" background="include/designs/design_62/img/navi_r.jpg" height="20">
    <tr>
    <td width="10">&nbsp;</td>
    <td width="112"><b><font face="Tahoma" size="2" color="#ffffff">%1</font></b>
    </td>
    <td width="62">&nbsp;</td>
    </tr>
    </table>

    <table width="184" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="10">&nbsp;</td>
    <td width="170"><font face="Tahoma" size="2" color="#ffffff">%2</font></td>
    <td width="10">&nbsp;</td>
    </tr>
    </table>
    }
    </td>
    <td valign="top"><table width="203" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td background="include/designs/design_62/img/navi_l.jpg" width="203" height="21"><table width="203" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="12">&nbsp;</td>
    <td width="112"><font color="#FFFFFF" face="Tahoma" style="font-size:12px; font-weight:bold">Werbepartner</font></td>
    <td width="79">&nbsp;</td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td>
    <a target="_blank" href="http://www.zurro-gaming.de/template-Sponsoren/sponsor_2.html">
    <img border="0" src="http://www.zurro-gaming.de/template-Sponsoren/d62/sponsor1.jpg" width="181" height="51" /></a></td>
    </tr>
    <tr>
    <td>
    <a target="_blank" href="http://www.zurro-gaming.de/template-Sponsoren/sponsor_1.html">
    <img border="0" src="http://www.zurro-gaming.de/template-Sponsoren/d62/sponsor2.jpg" width="181" height="60" /></a></td>
    </tr>
    <tr>
    <td>
    <a target="_blank" href="http://www.zurro-gaming.de/template-Sponsoren/sponsor_3.html">
    <img border="0" src="http://www.zurro-gaming.de/template-Sponsoren/d62/sponsor3.jpg" width="181" height="59" /></a></td>
    </tr>
    <tr>
    <td>
    <a target="_self" href="http://85.14.216.248/Webseitenbauen/?contact">
    <img border="0" src="http://85.14.216.248/Webseitenbauen/Sponsor/Werbung.jpg" width="181" height="459" /></a></td>
    </tr>

    <tr>
    <td>

    <font color="#FFFFFF">{_list_menunr4@ </font>
    <table width="203" border="0" cellspacing="0" cellpadding="0" background="include/designs/design_62/img/navi_l.jpg" height="21">
    <tr>
    <td width="12">&nbsp;</td>
    <td width="112"><b><font face="Tahoma" size="2" color="#ffffff">%1</font></b> </td>
    <td width="79">&nbsp;</td>
    </tr>
    </table><table width="203" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="10">&nbsp;</td>
    <td width="167"><font face="Tahoma" size="3" color="#ffffff">%2</font></td>
    <td width="26">&nbsp;</td>
    </tr>
    </table>
    }
    <br>
    &nbsp;</td>
    </tr>
    </table></td>
    </tr>
    </table></td>
    </tr>
    </table>
    <p><font color="#3A3839"><a target="_blank" title="kostenlose Clandesigns" href="">
    <font color="#3A3839">&nbsp; </font></a></font></p>

    </center>

    <map name="Map" id="Map">
    <area shape="rect" coords="116,28,263,66" href="index.php?site=register" />
    <area href="?user-regist" shape="default">
    <area href="?user-regist" coords="0, 0, 10000, 10000" shape="rect">
    </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@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
    {_list_vmenubegi@<ul>}
    {_list_vmenuende@</ul>}


    Habe das hier auch schon raus genommen, und nur deines drinne gelassen, bringt auch nix...

    #dropmenudiv{
    border-left:0px none; border-right:0px none; border-top:0px none; border-bottom:0px none; position:absolute;
    line-height:18px;
    z-index:100; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Verdana
    }

    #dropmenudiv a{
    width: 100%;
    display: block;
    text-indent: 3px;
    border-bottom: 1px solid black;
    padding: 1px 0;
    text-decoration: none;
    font-weight: bold;
    background:#000000;
    }


    außerdem habe ich deins auch schon umbenannt in
    #dropmenudiv{
    und
    #dropmenudiv a{
    hat leider auch nix gebracht, was mach ich nur falsch???:(
    0 Mitglieder finden den Beitrag gut.
  18. #18
    User Pic
    filch Mitglied
    Registriert seit
    21.08.2007
    Beiträge
    35
    Beitragswertungen
    0 Beitragspunkte
    Probier mal diese Dateien: externer Link

    Du kannst ja auch mal dein ICQ anwerfen!

    Gruß filch


    Zuletzt modifiziert von filch am 11.11.2007 - 18:36:06
    0 Mitglieder finden den Beitrag gut.
  19. #19
    User Pic
    Botox84 Mitglied
    Registriert seit
    09.08.2006
    Beiträge
    1.190
    Beitragswertungen
    21 Beitragspunkte
    jetzt wird die schrift von drau auf weiß wenn man drüber fährt, hat ja auch schon was finde ich ;-) aber an den Button verändert sich leider nix, die schrift sollte eigentlich so bleiben, nur das Button.jpg sollte weg und statdessen Button2.jpg in den vorderdrund wenn man drüber fährt...
    wie gesagt, das kann ja auch gar nicht klappen, weil da noch nicht einmal ne angabe drinne is wo die bilder liegen(geschweige denn was für bilder benutzt werden sollen)...

    aber wie das funzt weiß ich auch nicht^^
    0 Mitglieder finden den Beitrag gut.
  20. #20
    User Pic
    Botox84 Mitglied
    Registriert seit
    09.08.2006
    Beiträge
    1.190
    Beitragswertungen
    21 Beitragspunkte
    Weiß evtl. noch jemand, was ich da machen kann=?
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Fehlersuche und Probleme

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten