Typo3: Body id per TypoScript definieren für unterschiedliche CSS Definitionen

CSS Variationen für unterschiedliche Seiten

Um auf unterschiedlichen Seiten einer Internetpräsenz beispielsweise verschiedene Hintergrundbilder im Header per CSS anzeigen zu können, kann man ganz einfach per TypoScript jeder einzelnen Seite eine ID geben und dann die jeweilige Seite über diese ID ansprechen:

page = PAGE
page.bodyTag >
page.bodyTagCObject = TEXT
page.bodyTagCObject.field = uid
page.bodyTagCObject.wrap =
...

Erst wird das einleitende body-tag gelöscht und dann neu definiert. Natürlich könnte man statt der id auch eine Klasse (< body class=”seite-|”>) angeben, aber da die uid ohnehin eindeutig ist und nur einmal pro Seite vorkommt gibt es hier keine Probleme. Das zugehörige CSS könnte dann so aussehen:

#seite-7 #header{ background: url(../img/tollesBild.jpg) 0 0 no-repeat}

Ein Kommentar “Typo3: Body id per TypoScript definieren für unterschiedliche CSS Definitionen

Schreibe einen Kommentar

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