CSS in bestimmte Seiten einfügen

**grolle** · 16.01.2013, 11:48

Hallo,

wir möchten unsere Seite über 5 Domains erreichbar machen. Jede der 5 Seiten erhält ein leicht verändertes Layout (nix wildes - es werden nur 2 Grafiken im css (header,footer) ausgetauscht). Die Frage ist jetzt, ob man CSS an irgendeiner Stelle dynamisch einbinden kann, oder muss jedesmal das komplette Template kopiert und angepasst werden?

Vielen Dank

**webstar** · 16.01.2013, 12:33

Man könnte einfach den Alias der Hauptseite als CSS-Klasse setzen und dementsprechend die Anpassungen vornehmen

HTML-Code:

<body class="{{page::mainAlias}} ...">

**grolle** · 16.01.2013, 12:45

Ok, verstehe ich dich so richtig?:

HTML-Code:

<body class="test">
und dann im css:
.test #footer{ .. }

**webstar** · 16.01.2013, 13:47

Zitat von grolle

Ok, verstehe ich dich so richtig?:

HTML-Code:

<body class="test">
und dann im css:
.test #footer{ .. }

Ja, und durch den Insert-Tag wird dieser dann automatisch je nach Domain gesetzt...

**tblumrich** · 16.01.2013, 14:33

...aber man kann doch eh jeder Seite eine eigene Klasse zuweisen in der Seitenstruktur - die dann u.a. dem body zugewiesen wird. Wozu hierfür das Template anpassen?

Gruß
Thomas

**qba** · 16.01.2013, 15:23

Ich habe mal einen schönen Tipp bekommen: Im Seitenlayout bei Body-Klasse folgendes eintragen:

{{page::alias}} {{page:: parentAlias}} {{page::mainAlias}}

Somit erhält jede neu angelegte Seite sofort eine individuelle Klasse zugewiesen, die Du dann per CSS ansprechen kannst. (Achtung nicht kopieren, sondern selbst schreiben)

**tblumrich** · 16.01.2013, 16:06

Hey, cool.

Kannte ich noch nicht, das ist natürlich noch feiner!

Danke.

Gruß
Thomas

**Oppa** · 21.08.2014, 10:11

Es hat aber für mich auch gereicht, {{page::alias}} einzufügen. Dann habe ich eine eindeutige Zuordnung der Seiten. Dann habe ich ein css-Format erstellt:
.testseite .ce_text h2 {
display: block;
background-color: #808080;
color: #DB2606;
padding-left: 1em;
}
Und ein Lächeln zog sich über mein Gesicht. Wie ich gerade feststellen konnte, wird das nicht nur bei allen neuen Seiten eingefügt, sondern bei allen, auch den alten. 3 Tage habe ich nach dieser Lösung gesucht, die zudem auch noch sehr elegant ist.

Klaus-Peter/****