[Tipp] Eigenes Menü in MX Rainbow

Begonnen von NDeezign, 21 März 2008, 03:29:01

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 1 Gast betrachten dieses Thema.

NDeezign

Hallo Leute,

in der Vergangenheit habe ich hier immer mitgelesen, dass es komplex wäre, ein eigenes Menü in MX Rainbow einzubauen ... Hab grad langweilerhalber es getätigt und bevor ich den Ansatz vergesse, hier auch nochmal für euch das ganze ...

Erstmal in der theme.html die Navistelle raussuchen:



<tr>
    <td height="40" width="555">
            <table border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td style="background-image:url({NAVBUTTONPATH}button_1.jpg);" width="111" height="40"><div class="headnav" align="center">{LINK1}</div></td>
          <td style="background-image:url({NAVBUTTONPATH}button_2.jpg);" width="111" height="40"><div class="headnav" align="center">{LINK2}</div></td>
          <td style="background-image:url({NAVBUTTONPATH}button_3.jpg);" width="111" height="40"><div class="headnav" align="center">{LINK3}</div></td>
          <td style="background-image:url({NAVBUTTONPATH}button_4.jpg);" width="111" height="40"><div class="headnav" align="center">{LINK4}</div></td>
          <td style="background-image:url({NAVBUTTONPATH}button_5.jpg);" width="111" height="40"><div class="headnav" align="center">{LINK5}</div></td>
        </tr>
      </table>
   </td>
  </tr>
  <tr>



Dann löschen wir alles raus, bis auf jenes übrig bleibt:

<tr>
    <td height="40" width="555">
            <table border="0" cellspacing="0" cellpadding="0">
       
<tr>
             <td>  </td>

</tr>
            </table>
    </td>
</tr>
<tr>



Unser neues Navi kommt dann einfach zwischen <td>  </td> ..
Ich habe mir z.B. ein fertiges CSS Menü geschnappt www.13styles.com, den Style Code in die jeweilige .css platziert und den HTML Link dann zwischen die Tabelle eingefügt ... Und es läuft :)


Beispiel:
<tr>
    <td height="40" width="555">
            <table border="0" cellspacing="0" cellpadding="0">
       
<tr>
          <td>

<div id="foxmenucontainer">
        <div id="foxmenu">
                <ul>
                        <li><a href="http://www.13styles.com" title="css menus"><span>Home</span></a></li>
                        <li><a href="http://www.13styles.com" title="css menus"><span>About Us</span></a></li>
                        <li><a href="http://www.13styles.com" title="css menus" class="current"><span>Services</span></a></li>
                        <li><a href="http://www.13styles.com" title="css menus"><span>Our Work</span></a></li>
                        <li><a href="http://www.13styles.com" title="css menus"><span>Contact Us</span></a></li>
                </ul>
        </div>
</div>

           </td>

</tr>
            </table>
    </td>
</tr>
<tr>



Bevor ihr aber sowas ausprobiert, nicht die Sicherung vorher vergessen ;) Man kann nie wissen ...
Viel Spass beim Basteln ...
Liebe Grüsse & Gü Güş



Kein Support via Mail, PN & Messenger!
Nutze vorher bitte auch die Optionen: Suche | DokuWiki