---
title: "Menüpunkte in zwei Farben darstellen"
url: "https://www.typo3.net/d/113032-menuepunkte-in-zwei-farben-darstellen"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage","HTML & CSS"]
created: "2012-12-03"
last_reply: "2012-12-08"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# Menüpunkte in zwei Farben darstellen

TYPO3 › Menüs · 2 Antworten · gestartet 2012-12-03

## Eröffnungsbeitrag

**cms** · 2012-12-03 · [Beitrag #1](https://www.typo3.net/d/113032-menuepunkte-in-zwei-farben-darstellen/1)

Eine Menüleiste mit 8 Menüpunkten habe ich mit einer CSS-Datei formatiert, 4 Menüpunkte sind hellgrün (#4BB033) und die anderen 4 Menüpunkte dunkelgrün (#005534). Wenn ich in TypoScript ein HMENU mit einem TMENU einbinde, werden alle Formatierungen aus der CSS-Datei übernommen, außer dass 4 Menüpunkte nicht in dunkelgrün, sondern auch in hellgrün erscheinen. Gibt es in Typo3 die Möglichkeit, die Menüpunkte in beiden Farben darzustellen?

 page = PAGE

#*.css
 page.includeCSS = FILE
 page.includeCSS.irgendwas = fileadmin/templates/css/master.css

#*.html
 page.10 = TEMPLATE
 page.10 {
   template = FILE
   template.file = fileadmin/templates/index.html

   #subparts
   workOnSubpart = DOKUMENT

     marks.NAVI = HMENU
     marks.NAVI {

     special = directory
     special.value = 46
     #46 ist die id der Seite

     wrap = <ul> | </ul>
     1 = TMENU
     1.NO.wrapItemAndSub = <li> | </li>
}
}

## Antworten

### [#2](https://www.typo3.net/d/113032-menuepunkte-in-zwei-farben-darstellen/2) · thn · 2012-12-04

> **cms schrieb:**
>
> Eine Menüleiste mit 8 Menüpunkten habe ich mit einer CSS-Datei formatiert, 4 Menüpunkte sind hellgrün (#4BB033) und die anderen 4 Menüpunkte dunkelgrün (#005534). Wenn ich in TypoScript ein HMENU mit einem TMENU einbinde, werden alle Formatierungen aus der CSS-Datei übernommen, außer dass 4 Menüpunkte nicht in dunkelgrün, sondern auch in hellgrün erscheinen. Gibt es in Typo3 die Möglichkeit, die Menüpunkte in beiden Farben darzustellen?

Das geht mit optionSplit ganz hervorragend und ist zudem  recht simpel umzusetzen.
<http://wiki.typo3.org/De:TSref/optionSplit>

Mehr Infos und Beispiele dazu findest Du in Deiner Lieblingssuchmaschine.

tom

### [#3](https://www.typo3.net/d/113032-menuepunkte-in-zwei-farben-darstellen/3) · cms · 2012-12-08

Vielen Dank, das hat mit opotionSplit gut funktioniert. Da in TypoSript <li> | </li> verwendet wird, habe ich in der *.css Datei das li angepasst.

Anfangs hatte ich die Klasse .dunkel auf a:link gelegt.

#dieseID ul li a.dunkel:link {
	background-color: #005534;
}

Damit konnte TypoScript aber nichts anfangen.

Dann habe ich die Klasse .dunkel auf li gelegt.

#dieseID ul li.dunkel {
	background-color: #005534;
}

Jetzt funktionert es, indem <li> | </li> aufgeteilt wird.

page = PAGE

#*.css
page.includeCSS = FILE
page.includeCSS.irgendwas = fileadmin/templates/css/master.css

#*.html
page.10 = TEMPLATE
page.10 {
template = FILE
template.file = fileadmin/templates/index.html

#subparts
workOnSubpart = DOKUMENT

marks.NAVI = HMENU
marks.NAVI {

special = directory
special.value = 46
#46 ist die id der Seite

wrap = <ul> | </ul>
1 = TMENU
1.NO.wrapItemAndSub = <li> | </li>||<li> | </li>||<li> | </li>||<li> | </li>|*|<li class="dunkel"> | </li>
}
}

---

Quelle: „Menüpunkte in zwei Farben darstellen“, typo3.net, https://www.typo3.net/d/113032-menuepunkte-in-zwei-farben-darstellen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.