Seitenlayouts
Die Inhalte einer jeden Seite werden über INHALTE › Artikel › Einzelelement verwaltet. Jeder Artikel beinhaltet mindestens einen Seitenumschlag, der wiederum mehrere Spaltenumschläge mit Inhalts-Elementen umfasst.
Seitenumschläge
Elementtyp › Include-Elemente › Seitenumschlag Anfang und Seitenumschlag Ende
- Abstände oben und unten (Anwendungsbeispiele)
- Hintergrundfarbe oder -bild
- Overlay
Spaltenumschläge
Elementtyp › Include-Elemente › Spaltenumschlag Anfang und Spaltenumschlag Ende
- Spalten-Grid für sehr große bis sehr kleine Bildschirme
- Grid-Info
- Abstände oben, rechts, unten und links
Auf den Beispiel-Seiten ist die Grid-Info für jede Spalte aktiv und hebt diese jeweils farblich hervor! Nicht empfohlen für produktive Seiten. Die Bezeichnungen für das Spalten-Grid sind im Format Desktop-Desktop-Tablet-Smarthone-Smarthone angegeben.
- Desktop: sehr große und große Bildschirme
- Tablet: mittelgroße Bildschirme
- Smartphone: kleine bis sehr kleine Bildschirme
Beispiel-Seiten
- Hauptspalte
- Hauptspalte und linke Spalte
- Hauptspalte und rechte Spalte
- Hauptspalte, linke und rechte Spalte
Die lokale Navigation auf der linken oder rechten Seite kann mit Eintragung der Klasse .no_nav_sub und der Navigationspfad mit der Klasse .no_nav_breadcrumb unter Experteneinstellungen › CSS-Klasse in der jeweiligen Seitenstruktur deaktiviert werden.
Angaben im Contao-Backend für CSS-ID immer ohne vorhergehende Raute #id und CSS-Klassen ohne vorhergehenden Punkt .klasse vornehmen. Mehrere Klassen sind durch ein Leerzeichen zu trennen.