toujou
+49 911 23980-870

Cinema-Teaser 33%, left

Text rechts und ein Bild (Format 4:3) links.

Item-ID: 02-008

 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 33%, left.

Text einfügen & formatieren

  • Geben Sie Ihre Texte in das Textfeld ein.
  • Sollten Sie die Texte aus einer anderen Datei kopieren, achten Sie auf eventuell mitkopierte Formatierungen.
  • Der Text kann direkt im Textfeld, mit dem Menü über dem Textfeld, formatiert werden. 

Medien einfügen

  • Im Bereich Medienelemente klicken Sie den Button Mediendatei hinzufügen, Dateien auswählen und hochladen oder Medien nach URL hinzufügen.
  • Damit wählen Sie eine Datei aus Ihrer Fileliste aus, laden eine Datei in den entsprechenden Ordner hoch oder fügen eine Video-URL ein.
  • Wiederholen Sie diesen Schritt gegebenenfalls, wenn Sie mehr als ein Medium einsetzen.

Automatische Wiedergabe von Medien

Wenn Sie mehr als ein Medium innerhalb desselben Elements einsetzen, haben Sie die Möglichkeit, die Wiedergabe zu automatisieren. Um ein einheitliches Bild zu gewährleisten, werden alle eingesetzten Medien auf dasselbe Format (16:9) zugeschnitten.

Settings-Optionen für Medienelemente mit zwei und mehr Medien

  • Slide automatically: Aktivieren Sie den Regler mittels Klick, um die automatische Wiedergabe einzurichten.
  • Interval of auto slidings (in seconds): Standardmäßig wird nach 6 Sekunden das nachfolgende Medium eingeblendet. Wenn Sie diese Frequenz ändern möchten, betätigen Sie den Regler entsprechend auf einer Skala von 1 bis 15 Sekunden (nur wenn Slide automatically aktiviert ist).

Besonderheit im medatsu-Theme

Das medatsu-Theme bietet Ihnen Optionen zur individuellen Website-Gestaltung im toujou-Backend. Passen Sie das Design des einzelnen Elements nach Ihren Wünschen an und ändern Sie je nach Element die Hintergrundfarbe und die Hintergrundfarbe der Headline oder Pfeile.

 

  • Mit Klick auf das Element Design erhalten Sie im Dropdown-Menü die Wahl für eine individuelle Designfarbe, die sich auf die Hintergrund- und Headlinehintergrundfarbe auswirkt.
  • Als Möglichkeiten stehen default, primary, secondary sowie inverted zur Verfügung. Die Optionen orientieren sich an den im toujou settings definierten Farben.

Verhalten

Beim Cinema Teaser 33%, links nimmt das Bild links 33% der Fläche ein, das Textfeld rechts 33%. Das Bild wird im festen Verhältnis 4:3 dargestellt.

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.
 


Verknüpfte Themen

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

Textbearbeitung  Bildbearbeitung  Dateiliste