Druckbare Version
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
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"
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
Wenn es nurum Farben geht, waere das natuerlich auch eine Alternative
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?
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
Hi, hab auch ne Idee ;)
Füge in deinem fe_page_XXX.tpl folgendes ein:
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.HTML-Code:<body class="p-{{env::page_alias}}">
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
wenn ich das recht im Kopf habe funktionieren die insert tags auch im backend :) somit müsstest du gar nichts im template machen sondern könntest einfach in der Seitestruktur als CSS KLasse p-{{env::page_alias}} eintragen.
ja, aber ich brauchs nur einmal und du bei jeder neuen Seite :D:D:D