Block - Teaser horizontal Overlap

Block - Teaser horizontal Overlap


Ansicht im Frontend


Ansicht im Frontend mit 4 Boxen

Vorschau im Backend

INFO: In der Vorschau im Backend können kleine Abweichungen der Blockdarstellung aufkommen.

Vorschau im Backend mit 4 Boxen

Eingabemaske & Einstellungen

Dieser Block hat folgende Einstellungen:
  1. Übergang (Anzeigen / Ausblenden) -> Ermöglicht einen weichen Übergang zw. Bild und Hintergrund
  2. Hintergrund- und Textfarbe Box Label
  3. Größe des Icons in dem Box Label (Klein / Groß)
  4. Hintergrund- und Textfarbe Boxinhalt
  5. Textfeldausrichtung (linksbündig/zentriert/rechtsbündig)
  6. Sprungmarke - Titel  (wird für den Block "Sprungmarken Navigation" benötigt)
  7. Zusatzklasse (CSS-Klassen)
Weitere Informationen:
  1. Wenn Sie keine Label Box benötigen, lassen Sie einfach die Felder "Box - Label Icon" und "Box - Label Titel" leer.
  2. Sobald nur eine Box gepflegt ist, wird die Headline automatisch als H1 gekennzeichnet, ansonsten werden die Headlines als H2 deklariert.
  3. Wenn keine Box gepflegt ist, wird nur das Teaserbild angezeigt.


Darstellungsarten

Version 1 - 4 Boxen mit Übergang

  1. 4 Boxen mit Titel und Text
  2. Übergang Anzeigen
  3. Titel - Textfarbe Primärfarbe



Version 2 - 4 Boxen ohne Übergang

  1. 4 Boxen mit Titel und Text
  2. Übergang Ausblenden
  3. Titel - Textfarbe Primärfarbe


Version 3 - 1 Box mit Übergang

  1. 1 Box mit Titel, Subtitel, Text und Button
  2. Übergang Anzeigen



Version 4 - 1 Box ohne Übergang

  1. 1 Box mit Titel, Subtitel, Text und Button
  2. Übergang Ausblenden


Version 5 - mit Box Label

  1. 1 Box mit Label Icon & Titel, Titel, Subtitel, Text und Button
  2. Übergang Ausblenden

    • Related Articles

    • Block - Teaser vertikal Overlap

      Ansicht im Frontend Vorschau im Backend INFO: In der Vorschau im Backend können kleine Abweichungen der Blockdarstellung aufkommen. Eingabemaske & Einstellungen Dieser Block hat folgende Einstellungen: Hintergrund ausfüllend (hiermit kann die graue ...
    • Block - Bild Textbox Overlap

      Sie benötigen eine Digitale Visitenkarte? Dann können Sie diesen Block hier verwenden. Dieser Block ermöglicht es Kontaktdaten, wie E-Mail, Telefonnummer oder weitere Informationen zu hinterlegen. Sie können diesen Block auch für andere Themen ...
    • Block - Teaser Slider

      Ansicht im Frontend Vorschau im Backend INFO: In der Vorschau im Backend können kleine Abweichungen der Blockdarstellung aufkommen. Eingabemaske & Einstellungen Dieser Block hat folgende Einstellungen: Abstände Hintergrundfarbe Bilddarstellung ...
    • Block - Icon Boxen

      Jede Box kann bei Bedarf verlinkt werden und kann auf weitere Unterseiten/Sonstiges verlinken oder nur eine Struktur darstellen. Ansicht im Frontend Eingabemaske & Einstellungen Dieser Block hat folgende Einstellungen: Abstände Hintergrundfarbe Boxen ...
    • Block - Text Icon CTA

      Dieser Block ermöglicht es Ihnen mehrere Textboxen mit oder ohne Icon zu erstellen. Wenn Icons im Dateiformat .svg ausgewählt werden, können diese Mithilfe der Einstellung in der Sidebar umgefärbt werden. (Dateien mit .jpg oder .png sind aufgrund ...