Das "Coolmenu":

Fahre mit der Maus über die Buttons :



Beschreibung im Forum: http://www.homepage-baukasten.de/forum/viewtopic.php?t=101593
Wenn deine Website mittig (zentriert) ist: Beachte Hinweis UNTER der Forenbeschreibung!

Häufig gestellte Fragen zum "Coolmenu":

---

• Das "Coolmenü" sitzt zu weit links. Wie verschiebe ich es ?


• - wurde Dein Design mittig (zentriert) ausgerichtet ?
  - im Forum unter dem Beispiel-Code steht ein Hinweis
  - dort wird beschrieben, wie das div.menu {... im Code aussehen muss.

---

• Wo füge ich meine Seiten ein ?


• - im Coolmenu-Code findest du diese Codezeilen :
  - <li><a href="Unterlink">Untermenu</a></li>
  
  - ersetze Wort Unterlink durch den Link zur gewünschten Seite
  - ersetze Wort Untermenu durch gewünschten Text, den man anklicken soll
  - siehe hier die Beispiel-Grafik dazu

---

• Wie entferne ich Seiten aus der Navigation ?


• Wenn wir Seiten im "Coolmenü" oben verlinken, möchten wir diese aus der Baukasten-Navigation entfernen. Weil sie sonst doppelt vorkommen. Eine Beschreibung findet Ihr hier: Seiten in der Navigation verstecken

---

• Wie kann ich einen Kategorie-Titel verlinken ?


• Ein Titel kann verlinkt werden (kein ausklappen der Unterseiten).
  Im Beispiel-Code sieht die Verlinkung eines Titels so aus:
  
  
  
  - Entferne im Code:   javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');
  - füge dafür den Link ein, wo Verlinkung hinführen soll
  - nun sieht es so aus: <li><a href="http://deineHomepage.de.tl/Seite.htm">Hauptmenu</a>
  - entferne danach den ausklappbaren Bereich. Von <ul id="....."> bis zum </ul>
  - Beispiel-Grafik 1: Kategorie-Titel verlinken
  - und Beispiel-Grafik 2 :Ausklappbaren Bereich entfernen

---

• Wie kann ich weitere Unterseiten einfügen ?


• - kopiere eine Codezeile von <li> bis zum </li>
  - füge die kopierte Codezeile mit ein, VOR dem </ul>
  - siehe auch Beispiel-Grafik

---

• Wie kann ich eine 6. Kategorie einfügen ?


• - kopiere eine komplette Kategorie von <li> bis zum </li>
  - füge die kopierte Codezeile mit ein, nach dem letzten </li>, vor dem </div>
  - ändere im kopierten Bereich die ('smenu') um in ('smenu6')
  - siehe auch Beispiel-Grafik 1: Was muss ich kopieren + anpassen ?
  
  - nun im CSS-Code #smenu6 und #smenu6 a einfügen
  - siehe dazu Beispiel-Grafik 2: Wo muss das #smenu6 hinein ?
  
  - dann müssen die Breiten im Code angepasst werden
  - einmal bei div.menu { .... das width:850px; erhöhen
  - bei .menu li { .... das width:160px; verkleinern
  - und bei #smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6 auch
  - siehe Beispiel-Grafik 3: Die Breite ändern im CSS-Code

---