Eine Webseite verschiede Layouts pro Seite

**startknopf** · 14.10.2009, 09:38

Hallo,

wie man ein Template in Typolight anlegt ist mir ja geläufig nur habe ich bei meinem aktuellen Projekt das Problem das jede Seite ein anderes Design hat.

Beispiel:

Startseite hat ein "rotes" Layout
2te Seite hat ein '"blaues" Layout usw.

wie baut man so etwas am besten auf?

Gruß

Christian

**lindesbs** · 14.10.2009, 09:41

Erstelle deine geforderten Seitenlayouts, und in der Seitenstruktur kannst du dann ganz einfach jeder Seite ein AlternativLayout zuweisen.
Also ein Layout als Default definieren, und dann jeder Seite im Layoutbereich in der Seitenstruktur das entsprechend andere Layout.

Im Seitenlayout kannst du dann neben eigenen Spaltendefinitionen auch Stylesheets verkuepfen, und hast dann so deine "unterschiedlichen Farben"

**schman** · 14.10.2009, 10:03

Wenn es sich allerdings nur um Farbänderungen handelt kannst du ja jeder Setie eine eigene CSS Klasse zuweisen (wird dann im body mitgegeben) und entsprechend das Layout im CSS ändern, ist weniger Aufwand

**lindesbs** · 14.10.2009, 10:06

Wenn es nurum Farben geht, waere das natuerlich auch eine Alternative

**startknopf** · 14.10.2009, 10:15

Ja danke für die Antworten. Die Farben war nur als Beispiel gedacht. Es sind leider auch Grafiken die sich ändern.

Also muss ich für jede Seite ein eigenes Layout erstellen mit eigenem CSS und diese dann der jeweiligen Seite als alternativ Layout zuweisen. Gut wenn ich mir das so überlege müsste ich eigentlich "nur" andere CSS Dateien in das jeweilige Layout laden, damit sich die Bilder ändern.

Hab ich das so richtig verstanden?

**MacKP** · 14.10.2009, 10:25

Hallo startknopf,
hier als Anregung mal ein Link zu Seitenbilder in TL -> http://de.contaowiki.org/typolight/T...heSeitenbilder

Im Grunde kannst du da genau so vorgehen mit CSS wie bei body Klasse beschrieben. Oder du machst es mit einem inserttag für den CSS-Datei-Namen.. oder oder oder ;-)

Schau einfach mal in das Tutorial rein. Vllt hilft es ja ^^

Viele Grüße

**Andreas** · 15.10.2009, 12:58

Hi, hab auch ne Idee

Füge in deinem fe_page_XXX.tpl folgendes ein:

HTML-Code:

<body class="p-{{env::page_alias}}">

Der alias müsste die Konventionen von CSS-Klassen erfüllen, für den Fall dass ein Alias mal mit einer Zahl beginnt habe ich das 'p-' davor gesetzt.

Jetzt kannst du jede Seite mit CSS anders ansprechen. Mit dieser Version darf der Seiten-Alias dann aber nicht mehr verändert werden, ohne das Stylesheet auch zu verändern. Mit {{env:: page_id}} wäre das behoben, aber der alias ist natürlich innerhalb der CSS-Dateien aussagekräftiger.

Andreas