Guten Morgen!
Ich hoffe mir kann jemand helfen. Ich möchte jeden Hauptmenüpunkt in einer anderen Farbe darstellen. Ich habe dazu auch Beiträge hier gefunden aber irgendwie zeigen diese keine Wirkung.
Vielleicht liegt es auch daran, dass das Menü im Moment über css formatiert wird. Und über css kann ich dies nicht realisieren weil ich ja immer die gleiche ID bzw Klasse anspreche und somit alle Menüpunkte gleich aussehen.
So hier erstmal mein TS:
MAINMENU = HMENU
MAINMENU {
special = directory
special.value = 2
entryLevel = 0
1 = TMENU
1 {
expAll = 1
wrap = <ul id="nav">|</ul>
noBlur = 1
NO = 1
NO.wrapItemAndSub = <li>|</li>
IFSUB = 1
IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
#ACTIFSUB < .IFSUB
ACTIFSUB = 1
ACTIFSUB.wrapItemAndSub = <li class="menuparent_act">|</li>
#ACT = 1
#ACT.wrapItemAndSub = <li class="menuparent_act">|</li>
}
2 < .1
2.wrap = <ul>|</ul>
2.IFSUB.wrapItemAndSub = <li class="menuparent_act2">|</li>
2.ACTIFSUB.wrapItemAndSub = <li class="menuparent_act2">|</li>
3 < .2
4 < .2
}
Ich weiß nun halt nicht wo ich was eintragen muss um jeden Hauptmenüpunkt in einer anderen Farben darzustellen :-(
Schon mal vielen Dank für eure Hilfe :-)
Gruß
Peddar
Guten Morgen Peddar,
das was du suchst ist optionSplit.
Damit kannst du deinen Menüpunkten unterschiedliche Klassen mitgeben.
Daniel
Oder, gerade bei vielen Menü-Punkten einfacher. Gibt die Seiten-ID mit in der class z.B. so:
NO.linkWrap = <li class="main-menu-item{elementUid}">|</li>
Damit kannst Du bei Bedarf jeden Menüpunkt per CSS individuell stylen.
Gruß
Michael
Hey also erstmal danke für eure schnelle Antwort!
Aber irgendwie stehe ich aufm Schlauch und bekomm das einfach nicht hin.
Würde das gerne über CSS lösen wie du vorgeschlagen hast.
Könntest du mir vielleicht ein Beispiel posten, welches oben aus meinem TS besteht, das wäre nett. Weil ich schaff es leider nicht es umzusetzen :-(
Weiß nicht genau in welcher Zeile ich ansetzen um es reinzuschreiben.
Gruß
Peddar
So okay dem geht :-D Habe das nun über die Uids gemacht, dass ich nun jeden einzelnen Menüpunkt über CSS ansprechen kann.
Nochmals viiielen dank für den Denkanstoß und eure Hilfe :-)
Gruß
Peddar
Moin,
ich bin derzeit auf der selben Lösung wie das hier. Es ist zwar schön das du die Lösung gefunden hast, es wäre aber auch schön für andere zu wissen wie das geht.
Mein TS schaut so aus vom Menü.
MENU = HMENU
MENU {
1 = TMENU
1 {
expAll = 1
wrap = <ul id="nav">|</ul>
noBlur = 1
NO = 1
NO.wrapItemAndSub = <li>|</li>
IFSUB = 1
IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
ACTIFSUB < .IFSUB
}
2 < .1
2.wrap = <ul>|</ul>
3 < .2
4 < .2
}
}
}
}
das ich den Class im li eintrage ist verständlich. Und dann auch die wohl wichtigere Frage, wie muss das CSS aus sehen, damit das richtig gelesen wird?