Medien-Text-Element
Mit dem Medien-Text-Element kann Text um ein Medien-Element ergänzt und in verschiedenen Layoutvarianten dargestellt werden. Medien können dabei Bilder, Video-Loops (MP4) oder Youtube-Videos sein. Bei Bildern kann das Bildcropping definiert werden. Die Bildunterschriften laufen in diesem Element anders als beim Text & Bilder Element nicht über das Medien-Element heraus. Bilder, die kleiner sind als der Bereich des Medien-Elements werden nicht größer skaliert, sondern in der Originalgröße dargestellt.
Auf dieser Seite finden Sie:
- Layout „Media links“, Bild als Medien-Inhalt
- Layout „Media links“, Youtube-Video als Medien-Inhalt
- Layout „Media links“, Video-Loop als Medien-Inhalt
- Layout „Media rechts“
- Layout „Media oberhalb“
- Layout „Media unterhalb“
- Layout „Media groß links“
- Layout „Media groß rechts“
- Layout „Media offset links“, Theme & Hintergrund „Cyan“
- Layout „Media offset rechts“, Theme & Hintergrund „Mint“
- Theme & Hintergrund „Cyan“
- Theme & Hintergrund „Mint“
- Theme & Hintergrund „Mint/Weiß“
- Theme & Hintergrund „Weiß/Mint“
- Theme & Hintergrund „Cyan/Weiß“
- Theme & Hintergrund „Weiß/Cyan“
Das ist eine UnterüberschriftLayout „Media links“, Bild als Medien-Inhalt
Das ist die voreingestellte Layoutvariante. Das Medium steht links und nimmt die Hälfte der Contentbreite ein. Der Text steht rechts daneben. Mobil sortiert sich der Text unter das Medium. In diesem Beispiel ist das Medium ein Bild mit einer Bildunterschrift. Das Medium kann auch wie in diesem Beispiel verlinkt sein.
Das ist eine UnterüberschriftLayout „Media links“, Youtube-Video als Medien-Inhalt
Anstelle eines Bildes wie oben, kann das Medium auch ein Youtube-Video sein, das der Dateiliste hinzugefügt wurde. Hier kann natürlich kein Cropping vorgenommen werden.
Das ist eine UnterüberschriftLayout „Media links“, Video-Loop als Medien-Inhalt
Das Medium kann auch ein MP4-Video-Loop sein. Auch hier kann kein Cropping eingestellt werden - beim Erstellen des Loops muss also bereits darauf geachtet werden, in welchem Seitenverhältnis es im Layout erscheinen soll.
Das ist eine UnterüberschriftLayout „Media rechts“
Analog dazu gibt es diese Layoutvariante, in der das Medium auf der rechten Seite steht und der Text auf der linken Seite. Mobil ist die Anordnung jedoch wie oben.
Das ist eine UnterüberschriftLayout „Media oberhalb“
In dieser Layoutvariante steht der Medien-Bereich über dem Text-Bereich.
Das ist eine UnterüberschriftLayout „Media unterhalb“
In dieser Layoutvariante steht der Medien-Bereich unter dem Text-Bereich.
Das ist eine UnterüberschriftLayout „Media groß links“
In dieser Layoutvariante steht der Medien-Bereich links vom Text, nimmt aber mehr Platz ein als bei „Media links“.
Das ist eine UnterüberschriftLayout „Media groß rechts“
In dieser Layoutvariante steht der Medien-Bereich rechts vom Text, nimmt aber mehr Platz ein als bei „Media rechts“.
Das ist eine UnterüberschriftLayout „Media offset links“, Theme & Hintergrund „Cyan“
In dieser Layoutvariante wird der Medien-Bereich links neben dem Text platziert, nach oben versetzt und in der Sektion unten abgeschnitten, wenn es länger ist als die Sektion. In dieser Layoutvariante sollte immer eine farbige Theme & Hintergrund Option gewählt werden. Zwei Sektionen mit dieser Layoutvariante sollten nie direkt untereinander sitzen so wie auf dieser Seite.
Das ist eine UnterüberschriftLayout „Media offset rechts“, Theme & Hintergrund „Mint“
In dieser Layoutvariante wird der Medien-Bereich rechts neben dem Text platziert, nach oben versetzt und in der Sektion unten abgeschnitten, wenn es länger ist als die Sektion. In dieser Layoutvariante sollte immer eine farbige Theme & Hintergrund Option gewählt werden.
Das ist eine UnterüberschriftTheme & Hintergrund „Cyan“
Das Element kann auch komplett auf eingefärbtem Hintergrund stehen.
Das ist eine UnterüberschriftTheme & Hintergrund „Mint“
Das Element kann auch komplett auf eingefärbtem Hintergrund stehen.
Das ist eine UnterüberschriftTheme & Hintergrund „Mint/Weiß“
Beim Medien-Text-Element gibt es auch die Theme & Hintergrund Option „Mint/Weiß“. Hier wird der linke Bereich eingefärbt. Daher sollte hier immer die Layoutvariante „Media links“ gewählt sein.
Das ist eine UnterüberschriftTheme & Hintergrund „Weiß/Mint“
Beim Medien-Text-Element gibt es auch die Theme & Hintergrund Option „Weiß/Mint“. Hier wird der rechte Bereich eingefärbt. Daher sollte hier immer die Layoutvariante „Media rechts“ gewählt sein.
Das ist eine UnterüberschriftTheme & Hintergrund „Cyan/Weiß“
Beim Medien-Text-Element gibt es auch die Theme & Hintergrund Option „Cyan/Weiß“. Hier wird der linke Bereich eingefärbt. Daher sollte hier immer die Layoutvariante „Media links“ gewählt sein.
Das ist eine UnterüberschriftTheme & Hintergrund „Weiß/Cyan“
Beim Medien-Text-Element gibt es auch die Theme & Hintergrund Option „Weiß/Cyan“. Hier wird der rechte Bereich eingefärbt. Daher sollte hier immer die Layoutvariante „Media rechts“ gewählt sein.