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
  • 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

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.