11.04.2016 | TYPO3
Typo3 – SeitenIDs in CSS nutzen


geschrieben von Jens (keine Kommentare)
,

Braucht man individuelle CSS Klassen um bspw. Navigationselemente hervorzuheben, lässt sich das gut mit den vergebenen Seiten-IDs realisieren. Sinnvoll ist es für den Body-Tag und die einzelnen Navigationselemente Klassen zu vergeben und zusätzlich für den aktiven Zustand eine allgemein gültige ID zu nutzen.

Beides ist im Typoscript einfacher als man zunächst vermutet.

Für den Body-Tag innerhalb des Page-Objektes:

[...]
bodyTag >
bodyTagCObject = TEXT
bodyTagCObject.dataWrap = <body id="page-{field:uid}">
[...]

Für einzelne Elemente in der Navigation:

[...]
NO = 1
NO.linkWrap = <li>|</li>
NO.ATagParams = class="item-{field:uid}"
NO.ATagParams.insertData = 1
[...]

Und das war es auch schon, mehr ist es nicht.


Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.

Mit und unverhältnismäßig viel für dich gemacht in Kassel.

2014 - 2023