---
title: "Menüpunkte mit unterschiedlichen Stylesheets"
url: "https://www.typo3.net/d/92731-menuepunkte-mit-unterschiedlichen-stylesheets"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage","HTML & CSS"]
created: "2009-09-08"
last_reply: "2009-09-09"
replies: 3
solved: false
page: 1
pages: 1
lang: "de"
---

# Menüpunkte mit unterschiedlichen Stylesheets

TYPO3 › Menüs · 3 Antworten · gestartet 2009-09-08

## Eröffnungsbeitrag

**schipper** · 2009-09-08 · [Beitrag #1](https://www.typo3.net/d/92731-menuepunkte-mit-unterschiedlichen-stylesheets/1)

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ü:

```typoscript
### 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

## Antworten

### [#2](https://www.typo3.net/d/92731-menuepunkte-mit-unterschiedlichen-stylesheets/2) · Unbekannter Benutzer · 2009-09-08

Ist das nicht genau das hier:?
[/d/92732-einzelne-menuepunkte-mit-grafik-versehen](https://www.typo3.net/d/92732-einzelne-menuepunkte-mit-grafik-versehen)

### [#3](https://www.typo3.net/d/92731-menuepunkte-mit-unterschiedlichen-stylesheets/3) · schipper · 2009-09-08

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

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

```typoscript
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...

### [#4](https://www.typo3.net/d/92731-menuepunkte-mit-unterschiedlichen-stylesheets/4) · schipper · 2009-09-09

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.

---

Quelle: „Menüpunkte mit unterschiedlichen Stylesheets“, typo3.net, https://www.typo3.net/d/92731-menuepunkte-mit-unterschiedlichen-stylesheets
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.