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

Übermittlung Ihrer Stimme...
Bewertungen: 4.4 von 5. 14 Stimme(n).
Klicken Sie auf den Bewertungsbalken, um diesen Artikel zu bewerten.

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 16:14:
Real brain power on display. Thanks for that asnewr!
Sebastian, 03-03-12 13:23:
genau, was ich gesucht hab, vielen Dank!

aber ein kleiner Fehler: "...ändern wenn man das title Feld als css Klasse haben möchte" muß heißen "...als css ID haben möchte"
Sebastian, 03-03-12 13:43:
Mit folgendem kann ich der Seite eine Klasse gezielt über das Feld Untertitel zuweisen:

...
allWrap.insertData=1
allWrap=<li class="{field:subtitle}">|
wrapItemAndSub = |</li>
...

Kommentar hinzufügen

* - Pflichtfeld

*



*
*

Top 10 Updates

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

Latest comments

29-Apr-2013 14:34:11
Dierk Hagedorn schrieb: Uff. Besten Dank. Das hat mich gerettet.
Seitentitel ändern
26-Apr-2013 06:36:48
BoBa schrieb: Thank you Rob!
Benutzen des Layout Feldes in tt_content und pages
25-Apr-2013 09:25:28
Oliver Schmid schrieb: Ah.. jetzt gehts, ich hatte die Konstanten im Typoscript Setup eingetragen ;-)
TS basierte Searchbox für Indexed Search
English
Suche: