HMENU und Farben

50 Sprachen online kostenlos lernen - auch als APP

Menü mit unterschiedlichen Farben mit Optionsplit

Man definiert per Typoscript wie gewöhnlich ein HMENU für eine neue Website. Plötzlich kommt der böse Kunde und möchte aber, dass die einzelnen Menüpunkte unterschiedliche Farben bekommen - das erste Rot, das zweite Grün, das dritte Blau, usw. Ein Problem und gleichzeitig ein gutes Beispiel für den mächtigen OptionSplit, den uns Typoscript an die Hand gibt.


Lösung:

Per OptionSplit im TS-Setup

MAINMENU {
  ...
  1 = TMENU
  1 {
          wrap = 
     noBlur = 1
          expAll = 1
          NO.wrapItemAndSub = <li class="first">|</li> |*| <li class="second">|</li> || <li class="third">|</li> || <li class="fourth">|</li> || <li class="fifth">|</li>  || <li class="sixth">|</li> |*| <li class="seventh">|</li>
          NO.stdWrap.htmlSpecialChars = 1
  ...

Wie die Bezeichnungen der CSS-Klassen schon vermuten lassen, werden hier nun einfach der Reihe nach Klassen den einzelnen Listen-Elementen zugewiesen. Das erste erhält die Klassen "first", das zweite die Klasse "second" und so weiter. Nun muss man nur im CSS-File die Klassen mit der gewünschten Optik - hier Farbe - versehen.