hi,
ich binde meine css-dateien ja im haupttemplate ein, damit die ganze seite ein einheitliches aussehen bekommt.
nun möchte ich aber das der li-tag auf einer bestimmten seite via css anders formatiert wird.
denke ich kann den css-code für die spezielle seite unter seiteneigenschaften per TS irgendwo eintragen, aber ich weiß leider nicht wo und wie 😢
kann jemand weiterhelfen?
marroon
Hallo marroon.
Denke, es gäbe zwei Lösungswege:
1. Condition & includeCSS
Per Condition könntest Du von der Seiten-ID abhängig ein zusätzliches CSS einbinden.
Vorteil: Du behältst den Überblick, weil dein TS in einem Template bleibt; CSS wird nur dort eingebunden, wo nötig, und kann ggf. auch sehr umfangreich sein
Nachteil: wenn es nur sehr wenig CSS ist, ist die Lösungv ielleicht überdimensioniert
2. ID in body-Tag & CSS mit Selektor
Du könntest alle body-Tags mit einer ID versehen (sinnvollerweise die Seiten-ID). Dann kannst Du für spezielle Seiten via CSS-Selektor andere Formatierungen festlegen.
Vorteil: Du behältst den Überblick beim CSS, weil dein CSS in einer Datei steht;
Nachteil: CSS-Besonderheiten werden für alle Seiten mit geladen, d.h. u.U. entsteht unnötiger Ballast.
Die Variante 1 ist eher sinnvoll, wenn man viel anderes CSS hat (z.B. Intro-Seite). Über Variante 2 lassen sich gut Besonderheiten abfangen, die jeweils nur kleine Abweichungen zum Standardlayout sind.
Viele Grüße
Julian
ähm ja ok,
danke erst mal für die schnelle antwort.
aber wie stelle ich das zb. mie deinem beispiel 2 an?
wie bekomme ich die id an den bodytag und wie spreche ich das dann per css an?
sorry für die evtl blöde frage, aber bin weng planlos grad #paralyzed#
Kein Problem. Planlos ist jeder mal (oder war jeder mal). Und manchmal braucht man nur den richtigen Anstoß, um selber weiterzukommen, manchmal dann aber doch mehr.
Die PageId ins Bodytag bekommt man via
# bodyTag
page.bodyTag >
page.bodyTagCObject = TEXT
page.bodyTagCObject.field = uid
page.bodyTagCObject.wrap = <body id="uid|">
(Quelle: http://www.typo3wizard.com/de/snippets/cool-stuff-typoscript/body-page-id.html)
Per CSS liese sich dann die H1-Überschift z.B. für die Seite mit ID=4 wie folgt ansprechen:
body#uid4 h1 { color:#f00; }
Danke für deinen Anstoß 😉
habs hinbekommen, das mit der seiten ID is klasse, so hat man über css auf jede seite gesondert zugriff - supi
Vielen dank nochmal :p