Cinema-Teaser 50%, left

Text (mit einem Button) rechts und ein Bild (Format 16:9) links.

Item-ID: 02-001

 Beispielansicht   Anleitung   Verhalten


Beispielansicht

Lorem ipsum dolor sit amet, mollis vocibus at cum. Eos te iriure epicurei, in pri iisque eligendi. Et has recusabo sapientem, usu delectus recteque accusamus an. In doming luptatum vis, voluptua democritum mel at. Mei aeque vidisse intellegat et, vitae fabulas consulatu eum an.

Beautiful Button


Anleitung

Teaser anlegen

  • Klicken Sie auf den Button Inhaltum einen Teaser-Element zu erstellen.
  • Im Reiter Teaser Elements wählen Sie Cinema-Teaser 50%, left.

Text einfügen

  • Geben Sie Ihre Texte in das Textfeld ein.
  • Sollten Sie die Texte aus einer anderen Datei kopieren, achten Sie auf eventuell mitkopierte Formatierungen.

Text formatieren

  • Der Text kann direkt im Textfeld, mit dem Menü über dem Textfeld, formatiert werden. 

Bild einfügen

  • Klicken Sie auf den Button Bild hinzufügen.
  • Wählen Sie eine Datei aus Ihrer Fileliste aus oder laden Sie eine Datei in den entsprechenden Ordner hoch.

Verhalten

Der Cinema Teaser 50%, links gibt den von Ihnen eingefügten Inhalt neben einem Bild mit dem festen Seitenverhältnis von 16:9 wieder. Voreingestellt erscheint der Teaser mit Text und einem Button.

Responsive: Ist nicht ausreichend Platz zur Darstellung nebeneinander vorhanden, zeigen alle Teaser das zuvor nebenstehende Bild über dem Text an. So sind Sie in der Lage, wechselnde Teaser, bei ausreichender Fläche, zu verwenden. Gleichzeitig wird, unabhängig von der ursprünglichen Ausrichtung, die Darstellung einheitlicher Teaser auf kleinen Endgeräten gewährleistet.
Besonderheiten: Der Teaser nimmt immer die volle Breite des Inhalts ein.


Verknüpfte Themen

Erläuterungen aus dem toujou- & TYPO3-Setup, die mit dieser Elementanleitung in Verbindung stehen.

Textbearbeitung  Bildbearbeitung  Dateiliste

Diese Webseite verwendet Cookies

Wir verwenden Cookies, um Inhalte zu personalisieren und die Zugriffe auf unsere Website zu analysieren. Weitere Informationen finden Sie in unserer Datenschutzerklärung.
OK