Suche
Teilen
startseite » forum

Menüpunkte in zwei Farben darstellen

  • cms cms
    T3PO
    0 x
    10 Beiträge
    0 Hilfreiche Beiträge
    03. 12. 2012, 22:04

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

  • 1
  • thn thn
    Padawan
    0 x
    48 Beiträge
    0 Hilfreiche Beiträge
    04. 12. 2012, 07:27

    [quote="cms"]
    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?
    [/quote]

    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

  • cms cms
    T3PO
    0 x
    10 Beiträge
    0 Hilfreiche Beiträge
    08. 12. 2012, 18:26

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

  • 1
Präsentiert von