cadelpigott
Goto Top

Wie formatiere ich den Menüpunkt der aktuellen Seite in Typo3?

Der Webseitenbesucher soll erkennen können wo er sich in der Menüstruktur gerade befindet.

Hallo miteinander,

wie schaffe ich es, dass der Webseitenbesucher, z.B. anhand einer anderen Farbe des Menüpunkts, erkennt, wo er sich in der gerade befindet?

Per CSS Formatierung funktionierts nicht, da TYPO3 den aktiven Link nicht speziell durch eine ID deklariert. Oder lässt sich das per Typo-Script konfigurieren?

Es handelt sich um eine Typo3 ver 4.2.10 Installation. Als Templategeneratur dient "automaketemplate".

Vielen Dank schonmal für eure Hilfe

Gruß
Cadel

Content-ID: 139358

Url: https://administrator.de/contentid/139358

Ausgedruckt am: 22.11.2024 um 03:11 Uhr

Snowman25
Snowman25 29.03.2010 um 11:15:57 Uhr
Goto Top
Hallo @CadelPigott,

Füge dem aktuellen Listenpunkt doch eine weitere Klasse hinzu (mehrere Klassen per Leerzeichen angeben) welcher du dann z.B. eine andere Hintergrundfarbe gibst.
Wie das im Typo3 zu machen ist, weiss ich nicht. Notfalls musst du es manuell bearbeiten.

Gruß
Snow
CadelPigott
CadelPigott 29.03.2010 um 13:10:39 Uhr
Goto Top
Hallo Snowman25,

danke für deine Antwort.
Die Listpunkte generiert Typo3 dynamisch. Ich kann zwar dem <li> tag eine ID mitgeben, dann hätten aber alle Menüpunkte die selbe ID.
Jedenfalls wüsste ich nicht wie man´s anders konfiguriert.

Gruß
Cadel
CadelPigott
CadelPigott 06.04.2010 um 15:08:13 Uhr
Goto Top
Bin ich wirklich der einzige der vor diesem Problem steht?
Snowman25
Snowman25 06.04.2010 um 15:11:24 Uhr
Goto Top
naja, du könntest ja auch einfach mal in den Typo3-Foren nachfragen.
CadelPigott
CadelPigott 19.05.2010 um 15:11:55 Uhr
Goto Top
Ich hab´s inzwischen selbst heraus gefunden.

Ist gar nicht so kompliziert.

Für alle die es interessiert:

Es gibt in Typoscript, neben den Zuständen "NO", "ACT" unter anderem auch den Zustand "CUR" (vermutlich für "current"? face-smile ).

Einfach im Template eine neue Klasse definieren und folgendermaßen in Typoscript einbinden:

CUR = 1
CUR.allWrap = <li class="level3cur">|</li>

Fertig.

Gruß
Cadel