Menü mit eigener css Klasse für die Untermenüpunkte

Submitting your vote...
Rating: 4.7 of 5. 3 vote(s).
Click the rating bar to rate this item.

Dieses Snippet erstellt ein Menü wo jeder Menüpunkt der 1. Ebene eine eigene id hat. Über diese id kann dann mit css Selectoren das Untermenü formatiert werden.

In diesem Beispiel wird eine verschachtelte unsortierte Liste erstellt wobei jeder Hauptmenüpunkt die css ID menuitemUID bekommt, wobe UID hier die eindeutige ID der Seite ist.

 

 

lib.menu=HMENU
lib.menu{
  1 = TMENU
  1.wrap=<ul>|</ul>
  1.NO{
    allWrap.insertData=1
            # z.b. auf allWrap=<li id="menuitem{field:title}">| ändern wenn man das title Feld als css Klasse haben möchte
    allWrap=<li id="menuitem{field:uid}">|
    wrapItemAndSub = |</li>
  }
   
  2<.1
  2.NO.allWrap=|
  2.NO.wrapItemAndSub=<li>|</li>
}

Top 10 Updates

Transparente PNG's in IE5/6 ohne JavaScript geändert am  04-Okt-2008 12:28:14
Typoscript Eigenschaften mit stdWrap erweitern geändert am  13-Jun-2008 14:16:12
Anderes Feld für GMENU alt Text geändert am  13-Jun-2008 13:55:51
Lightbox ohne Extension einbinden geändert am  13-Jun-2008 13:46:21
Menü erstellen mit Daten aus anderen Tabellen als pages V2 geändert am  24-Mär-2008 13:02:25
Login geändert am  17-Mär-2008 12:18:29
Forum geändert am  17-Mär-2008 10:07:40
Wer sind wir? geändert am  26-Dez-2007 16:06:55
Menu als unnested lists (iphone navigation) geändert am  29-Okt-2007 15:05:47
If Bedingungen mit UND und ODER Operator... geändert am  16-Okt-2007 19:04:17
English
Suche: