Zum Inhalt springen

CSS-Datei einbinden auf spezieller Seite

Erstellt am 26. Oktober 2006 · 5 Antworten · letzte Antwort am 30. Oktober 2006

Tags: Frage

ooze ·

Hallo,

wie kann ich eine bestimmte CSS-Datei einbinden, sodass diese nur auf bestimmte Seiten erscheint. Kann man das irgendwie in den Seiten eigenschaften seperat machen?
Auf einigen seiten Soll nämlich eine Box nicht sichtbar sein. Ich wollte das ganze nun so realisieren, dass ich eine CSS-Datei include, die diese Box versteckt.

FordPrefect ·

Hi,

das könntest du z.B. über Conditions lösen, jedoch ist das nicht sehr flexibel.

Als weitere option könntest du das entsprechende CSS bei der Seite "Erweiterte Ansicht" unter "Dateien" einbinden und dann per TS, wenn daten vorhanden, ausgeben.

Grüsse

Ford

ooze ·

Naja das ganze sollte so flexibel wie möglich sein. Am besten wäre es über die Seiteneigenschaften oder so.

Die zweite Option versteh ich nicht. Wo meinst du, soll ich das CSS einbinden?
Liste » (meine Seite) » [x] erweiterte Ansicht » (???) Unter Datensatz einfügen gibts es nämlich keine Möglichkeit eine Datei einzubinden. Oder bin ich grad schlichtweg zu blöd?

Michaelh74 ·

Wenn es nicht unbedingt vom Redakteur geändert werde muß würde ich auf den besagten Seite einfach ein Ext. Template anlegen und dort eine anderes CSS angeben oder evtl. ein 2. einfügen, welches den erten Wert überschreibt:

page.includeCSS.file1 = fileadmin/css/main_css.css
page.includeCSS.file2 = fileadmin/css/hide_box_css.css

In dem ext. Template muß dann immer nur die 2. Zeile angegeben werden.

Alternativ könnte man das - wenn z.B. der Radakteur das auch ändern muß - auch mit Layout in Conditions setzen.
Als bei Layout1 normales CSS
bei Layout2 CSS welches die Box versteckt etc.

Viele Grüße
Michael

ooze ·

Kannst Du die Variante mit Layout und Conditions etwas genauer erläutern? Das klingt schon recht nach dem was mir vorschwebt.

ooze ·

Habs selber herausgefunden. Der TS-Code ist folgendermaßen:

[globalVar = TSFE:page|layout = 1]
	page.includeCSS.file6 = fileadmin/template/main/hideprod.css
	page.includeCSS.file6.media = screen
[end]

Nun muss ich nur noch das Layout für die jeweilige Seite auf 1 stellen und fertig.

Danke für den Hinweis Michael!