Headline H4 & Headline H5
Ihre Überschrift in der Standarddarstellung H4 oder H5.
Item-ID: 08-001
Beispielansicht Anleitung Verhalten
Beispielansicht
Left aligned H4 Headline
Centered H4 Headline
Right aligned H4 Headline
Left aligned H5 Headline
Centered H5 Headline
Right aligned H5 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 H4 oder H5.
- 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 H4 sowie die Headline H5 geben die von Ihnen eingefügte Überschrift in der Standardgröße H4 oder H5 wieder. Sie unterscheiden sich nicht in der Farbe und nur geringfügig in der Größe.
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.