Regionales Hochschulrechenzentrum Kaiserslautern-Landau
Regionales Hochschulrechenzentrum Kaiserslautern-Landau

Layouts

Das Layout legt das Erscheinungsbild eines Inhaltselements fest. Je nach Bedarf können unterschiedliche Layouts verwendet werden. Im Folgenden werden verschiedene Layoutoptionen vorgestellt.

Beispielelement aus dem Typo3 Backend: Es werden unter dem Reiter Erscheinungsbild verschiedene Layouteinstellungen angezeigt. Dazu gehören die verschiedenen Farben, die ausgewählt werden können, darunter die Stelle, an der die Option besteht ein Bild hochzuladen und rechts daneben die Effekte Parallax, Fade und Filter.
Beispielelement aus dem Typo3 Backend: Verschiedene Layouteinstellungen

Wurde ein Inhaltselement angelegt, kann unter dem Reiter Erscheinungsbild das gewünschte Layout zusammengestellt werden. 

Je nach Vorliebe/Vorgabe können verschiedene Hintergrundfarben gewählt werden. Ein allgemeines Layout (wie früher "weißer Hintergrund") wird nicht mehr genutzt!

  • Es können auch Bilder hinter den Text gelegt werden
  • Der Parallax-Effect kann genutzt werden (der Bildausschnitt hinter dem Text ändert sich beim Scrollen)
  • Und Filter können über den Text (mit Bild) gelegt werden.
Beispielelement aus dem Typo3 Backend: Es ist eine Layouteinstellung mit Bild eines Strands und Meer mit Parallaxeffekt abgebildet.
Beispielelement aus dem Typo3 Backend: Layouteinstellung Bild mit Parallaxeffekt
Beispielelement aus dem Typo3 Backend: Es ist eine Layouteinstellung mit Bild eines Strands und Meer mit Fadeeffekt abgebildet.
Beispielelement aus dem Typo3 Backend: Layouteinstellung mit Bild, Farbe und Fadeeffekt
Beispielelement aus dem Typo3 Backend: Es ist eine Layouteinstellung mit Bild eines Strands und Meer und einem Filter abgebildet.
Beispielelement aus dem Typo3 Backend: Layouteinstellung mit Bild und Filter

Layoutkombinationen

Hier sind die verschiedenen Layouts abgebildet. In der Deltaschultung gibt es Videoerklärungen unter anderem zu den Layouteffekten.

Beispielelement aus dem Frontend: Es ist eine Überschrift mit einem 3-spaltiger Text abgebildet.
Beispielelement aus dem Frontend: 3-spaltiger Text

3-spaltiger Text

Möchte man einen gegebenenfalls längeren Text in mehr als nur einer Spalte angezeigt bekommen, kann ein Layout für einen mehrspaltigen Text ausgewählt werden. Der Text wird automatisch auf die gewünschte Spaltenanzahl aufgeteilt.

Beispielelement aus dem Frontend: Es ist eine Überschrift und ein 4-spaltiger Text mit weißem Hintergrund abgebildet.
Beispielelement aus dem Frontend: 4-spaltiger Text mit weißem Hintergrund

4-spaltiger Text mit weißem Hintergrund

Ist weiterhin ein weißer Hintergrund zum besseren Kontrast gewünscht, kann das Inhaltselement in ein Raster-Element mit weißem Hintergrund gelegt werden. Zur Anleitung Raster-Elemente

Sie befinden sich in der Selbstschulung und möchten zur Schulungsstartseite, dann klicken Sie auf  TYPO3 im Selbststudium für Einsteiger Teil 2.

Sie befinden sich gerade in der Selbstschulung, dann klicken Sie auf Übung - Layouts, um damit fortzufahren.

Übung - Layouts
Weiterlesen