Menüpunkte mit unterschiedlichen Stylesheets

Hallo zusammen,

ich habe ein Problem:

im Hauptmenü möchte ich drei Menüpunkte unterschiedlich kennzeichnen.

Diese sollen auf je auf ein anderes CSS-Element zugreifen.

Jetzt ist es so, dass jeder Menüpunkt im Normalzustand auf "class="navi_links" zugreift.

Die drei Menüpunkte sollen aber anders gekennzeichnet werden:

der, der auf id=5 verlinkt auf class=navi1_links
der, der auf id=6 verlinkt auf class=navi2_links
der, der auf id=7 verlinkt auf class=navi3_links

(Diese Seiten werden nicht verändert, die id bleibt!)

mit der Mouseover-, aktiver Zustand- und Mutterseite-Auszeichnung soll genauso verfahren werden.

Hier mein TypoScript-Auszug vom Menü:

### vertikales Textmenue als Liste #########################################

page.10.subparts.NAVIGATION_LINKS = HMENU
page.10.subparts.NAVIGATION_LINKS {
        special = directory
        special.value = 8
        entryLevel = 1
                                // erste Navigationsebene
        1 = TMENU
        1 {
                expAll = 0
                wrap = <ul>|</ul>


          // a Link im Normalzustand
                NO.linkWrap = <li><nobr>|</nobr></li>
                NO = 1
                NO.ATagParams = class = "navi_links"
                NO.ATagTitle.field = abstract // description // subtitle // title


          //a:hover Link mit Mouseover bzw. Rollover
                RO < .NO
                RO = 1
                RO.ATagParams = class="navi_links_hover"


         // a:active Link im aktiven Zustand bzw. current Link
                CUR = 1
                CUR < .RO
                CUR.ATagParams = class="navi_links_active"

        // Mutterseite aktiver Untermenues kennzeichnen
                ACTIFSUB < .NO
                ACTIFSUB = 1
                ACTIFSUB.ATagParams = class="navi_links_actifsub"
        }


                // zweite Navigationsebene
        2 = TMENU
        2 < .1
        2 {
                NO.ATagParams = class="navi_links_2"
                RO.ATagParams = class="navi_links_2_hover"
                CUR.ATagParams = class="navi_links_2_active"
        }
}

Ich hoffe, ich habe es verständlich erklärt 😉

Es würde mich sehr freuen, wenn mir jemand sagen kann, wie ich das Typo3-Script verändern muss.

Danke

Ist das nicht genau das hier:?
#92732

super,Danke; ich hab's nicht gefunden :-(

Aber so ganz komm ich noch nicht auf die Lösung:

page.10.subparts.NAVIGATION_LINKS = HMENU
page.10.subparts.NAVIGATION_LINKS {
        special = directory
        special.value = 2
        entryLevel = 0
                                // erste Navigationsebene
        1 = TMENU
        1 {
                expAll = 0
                wrap = <ul>|</ul>
                                // a Link im Normalzustand
                NO.linkWrap = <li page="**"><nobr>|</nobr></li>
                NO = 1
                NO.ATagParams = class = "navi_links"
                NO.ATagTitle.field = abstract // description // subtitle // title
                                        //a:hover Link mit Mouseover bzw. Rollover
                RO < .NO
                RO = 1
                RO.ATagParams = class="navi_links_hover"
                                        // a:active Link im aktiven Zustand bzw. current Link
                CUR = 1
                CUR < .RO
                CUR.ATagParams = class="navi_links_active"

        // Mutterseite aktiver Untermenues kennzeichnen
                ACTIFSUB < .NO
                ACTIFSUB = 1
                ACTIFSUB.ATagParams = class="navi_links_actifsub"
        }


                // zweite Navigationsebene
        2 = TMENU
        2 < .1
        2 {
                NO.ATagParams = class="navi_links_2"
                RO.ATagParams = class="navi_links_2_hover"
                CUR.ATagParams = class="navi_links_2_active"
        }
}

wie bekomme ich hier die jeweilige Seiten-id (bei den **)rein:
NO.linkWrap = <li page="**"><nobr>|</nobr></li>

Wenn ich das hinbekomme, könnte es irgendwie funktionieren.

Danke und Gute Nacht für heute...

Danke schon einmal bis hierher.

Nachdem ich noch ein wenig gesucht habe, habe ich es so versucht:

...
NO.linkWrap = <li id="{elementUid}"><nobr>|</nobr></li>
...

Leider wird in der Ausgabe dann wieder id="{elementUid}"> ausgegeben und nicht die jeweiige Seiten-id.

Vielleicht hat ja jemand den goldenen Tipp für mich.
Bin wohl noch zu sehr Anfänger.