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>
}
}
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
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>
}
}