toujou
+49 911 23980-870

Headline H3

Ihre Überschrift in der Standarddarstellung H3.

Item-ID: 08-001

 Beispielansicht   Anleitung   Verhalten


Beispielansicht

Left aligned H3 Headline

Centered H3 Headline

Right aligned H3 headline


Anleitung

Headline anlegen

  • Klicken Sie auf den Button + Inhalt, um das Headline-Element zu erstellen.
  • Im Reiter Headline Element wählen Sie Headline.
  • Alternativ suchen Sie in der Filtermaske nach dem gewüschten Element.

Überschrift einfügen

  • Fügen Sie Ihren Überschriftentext in die entsprechende Maske ein.

Tag & Größe bestimmen

  • Wählen Sie im Dropdown-Menü Headline Tag die Auszeichnung H3
  • Variieren Sie unter Headline Size ggf. die Größe, wenn diese vom toujou-Standard abweichen soll. 

Ausrichtung & Farbe festlegen

  • Wählen Sie im Dropdown-Menü Ausrichtung die gewünschte Position. Der Standard ist die linksbündige Ausrichtung. 
  • Wählen Sie im Menü Header Font Color zwischen den alternativen Farbvergaben. 

Anmerkungen:

Die Auszeichnungen H1 bis H5 in Verbindung mit der Size-Auswahl Default (100%) bilden stets die in toujou voreingestellte Headline-Größe ab. Um diese zu variieren gelten folgende Orientierungsgrößen: H1 = alpha (312,5%); H2 = beta (250%); H3 = gamma (200%); H4 = delta (162,5%); H5 = epsilon (137,5%); Schriftgröße normal = omega (87,5%).

Standardmäßig verwenden die Überschriften der Größen H1, H4 und H5 die voreingestellte Schriftfarbe (Font Color), H2 die Primärfarbe (Primary Color) und H3 die Sekundärfarbe (Secundary Color).


Verhalten

Die Headline H3 gibt die von Ihnen eingefügte Überschrift in der Standardgröße H3 wieder.

Responsive: Wie bei Textfeldern auch, bleibt die Ausrichtung der Überschrift unabhängig vom Endgerät stets erhalten. Bei kleiner werdenden Endgeräten brechen Überschriften je nach Länge mehrzeilig um.

Besonderheiten: Je nach Auszeichnung, Größen- und Farbauswahl sind zahlreiche individuelle Kombinationen und Abweichungen von den toujou-Standardeinstellungen möglich.


Verknüpfte Themen

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

Color Settings  Textbearbeitung