---
title: "Menu mit verschiedenen klassen in jedem <li>-tag"
url: "https://www.typo3.net/d/88506-menu-mit-verschiedenen-klassen-in-jedem-li-tag"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2009-04-01"
last_reply: "2009-09-10"
replies: 6
solved: false
page: 1
pages: 1
lang: "de"
---

# Menu mit verschiedenen klassen in jedem <li>-tag

TYPO3 › Menüs · 6 Antworten · gestartet 2009-04-01

## Eröffnungsbeitrag

**flipside** · 2009-04-01 · [Beitrag #1](https://www.typo3.net/d/88506-menu-mit-verschiedenen-klassen-in-jedem-li-tag/1)

Hallo Leute,
ich möchte gerne ein Menu bauen was in jedem <li> tag eine andere Klasse hat, um jeden einzelnen andres zu stylen, mit Hintergrundbild etc.
Hat jemand eine gute Lösung?

Kann inkrementiell sein, oder sich vom Menunamen ableiten...ist eigentlich Wurst hauptsache was anderes.

Wäre echt cool wenn jemand weiter weiss!!

Viele Grüße
Flip

## Antworten

### [#2](https://www.typo3.net/d/88506-menu-mit-verschiedenen-klassen-in-jedem-li-tag/2) · etux · 2009-04-01

Du könntest beispielsweise das Feld alias nehmen:

```typoscript
NO = 1
NO {
	before.dataWrap = <li class="{field:alias}">|
	wrapItemAndSub = |</li>
	}
```

### [#3](https://www.typo3.net/d/88506-menu-mit-verschiedenen-klassen-in-jedem-li-tag/3) · flipside · 2009-04-01

Vielen Dank für die Antwort,
was bewirkt denn "alias" und was genau macht "before.dataWrap"?
Setzt typo das dann in jeden li tag?

Gruß
Flip

### [#4](https://www.typo3.net/d/88506-menu-mit-verschiedenen-klassen-in-jedem-li-tag/4) · Unbekannter Benutzer · 2009-04-02

Mein Vorschlag:

nicht das Feld alias nehemen, sondern die UID der Seite. Wenn du ein Feld nimmst, dann musst du in das Feld auch etwas hineinschreiben. Steht nichts drinn, wird gar keine Class verwendet. Nimmst du die UID ist die immer vorhanden und du kannst immer direkt per CSS stylen.

before setzt ein Element vor den Menüpunkt. dataWrap stellt dir das Auslesen der Felder sicher. wrapItemAndSub schließt die li's nur wenn es nötig ist.

Hier dann auch nicht mit Classen arbeiten, sondern lieber mit ID's. So kann man eine feste Class vergeben für alle Menüpunkte und eben die dynamische ID um jeden Menüpunkt ansprechen zu können.

```typoscript
temp {
	FOO = HMENU
	FOO {
		1 = TMENU
		1 {
			wrap = <ul class="UL_CLASS">|</ul>
			NO = 1
			NO {
				before {
					dataWrap = <li class="FESTE_CLASS_FUER_LI1" id="li_special_{field:uid}">|
				}
				wrapItemAndSub = |</li>
			}
		}
		2 < .1
		2 {
			wrap = <ul class="UL_CLASS_2">|</ul>
			NO {
				before {
					dataWrap = <li class="FESTE_CLASS_FUER_LI2" id="li_special_{field:uid}">|
				}
			}
		}
	}
}
```

### [#5](https://www.typo3.net/d/88506-menu-mit-verschiedenen-klassen-in-jedem-li-tag/5) · flipside · 2009-04-03

Das ist Perfekt!!!
Echt vielen dank an der Stelle für die Hilfe!!

Gruß
Flip

### [#6](https://www.typo3.net/d/88506-menu-mit-verschiedenen-klassen-in-jedem-li-tag/6) · skydiablo · 2009-08-28

hi...

das its schonmal recht interessant, ich würde aber das ganze noch etwas ausweiten wollen. ist es vielleicht möglich nicht die UID in der CSS klasse zu übernehmen, sondern vielleicht anhand der UID eine auswahl treffen mit der "case" funktion ?

```typoscript
      stdWrap.override.cObject = CASE
      stdWrap.override.cObject {
        key.field = uid
        9 = TEXT
        9 {
...
```

sowas in der art ? dann könnte man vielleicht zu jeder UID den genauen css-klassennamen hinterlegen !?

greez & thx, sky...

### [#7](https://www.typo3.net/d/88506-menu-mit-verschiedenen-klassen-in-jedem-li-tag/7) · skydiablo · 2009-09-10

wollte doch nochmal meine lösung posten:

```typoscript
      NO.stdWrap.override.cObject = CASE
      NO.stdWrap.override.cObject {
        key.field = uid
        9 = TEXT
        9 {
          field = nav_title
          wrap = <li class="mz">|</li>
        }
        10 = TEXT
        10 {
          field = nav_title
          wrap = <li class="mzUni">|</li>
        }
        11 = TEXT
        11 {
          field = nav_title
          wrap = <li class="bk">|</li>
        }
        12 = TEXT
        12 {
          field = nav_title
          wrap = <li class="lu">|</li>
        }
        default = text
        default {
          field = nav_title
          wrap = <li class="mz">|</li>
        }
      }
```

greez, sky...

---

Quelle: „Menu mit verschiedenen klassen in jedem <li>-tag“, typo3.net, https://www.typo3.net/d/88506-menu-mit-verschiedenen-klassen-in-jedem-li-tag
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.