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

Submitting your vote...
Rating: 4.4 of 5. 14 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>
}


Comments


Delores, 17-08-11 18:14:
Real brain power on display. Thanks for that asnewr!

Add comment

* - required field

*



*
*

Top 10 Updates

Login geändert am  09-Sep-2010 11:31:35
Schöne Schriften mit Google Font API geändert am  20-May-2010 16:36:59
TS basierte Searchbox für Indexed Search geändert am  18-May-2010 18:26:54
TYPO3 SEO geändert am  30-Apr-2010 09:43:20
Suchmaschinenfreundliche grafische Überschriften in TYPO3 geändert am  30-Apr-2010 09:33:56
Erstellen eines einfachen Infocenters mit TYPO3  geändert am  17-Nov-2009 12:11:22
Funktionierendes Section Menu mit TemplaVoila geändert am  05-May-2009 12:42:40
"Nicht im Menü" in Sitemap anzeigen geändert am  05-May-2009 12:12:24
Implementation des DHTML Menüs von brainjar.com  geändert am  01-Feb-2009 14:01:36
Beispiel DHTML Menü geändert am  01-Feb-2009 13:47:38

Latest comments

18-Jan-2012 11:03:20
cjjgeb cjjgeb schrieb: qUWC8M <a href="http://yviwfgyvopxz.com/">yviwfgyvopxz</a>
Typolink
18-Jan-2012 05:39:25
Melia Melia schrieb: Stands back from the kybeoard in amazement! Thanks!
Typolink
02-Jan-2012 22:48:33
Dietmar schrieb: Doch, genau das soll es doch sein. Sonst könntest Du ja die Seiten in der Vorschau nicht...
Eigenes vhost für das TYPO3 Backend
English
Suche: