Schneefall im Header

Um den Inhalt nicht zu stören nutzen wir den Schneefall nur im Header. Als Header nutzen wir hier einen Container.

  • Zuerst fügt ihr den CSS-Code ein. Entweder per Einstellungen>CSS oder Seitenspezifisch.
  • Anschließend fügt ihr den Quelltext am Anfang der Seite ein. Dieses Widget erhält die CSS-Klasse: zpBreakout.
  • Dieses soeben erstellte Widget packt ihr in einen Container, diesem gebt ihr als Hintergrundbild euer gewünschtes Bild und das Inline-CSS: height:80vh; margin-top:-60px; . Somit wird euer Header 80% Höhe des Bildschirmes einnehmen und 60 Pixel nach oben verschoben. Solltet ihr die Höhe (vh) ändern so solltet ihr im CSS den Wert (vh) ebenfalls anpassen.
  • Nun fügt ihr am Ende der Seite noch das Script ein.

CSS-Code

Diesen Code per Einstellungen > CSS einfügen und anpassen.

markieren & kopieren

Quelltext

Diesen Code per Widget > Quelltext einfügen und anpassen.

markieren & kopieren

Script

Diesen Code am Ende der Seite per Widget > Quelltext einfügen und anpassen.

markieren & kopieren

script

support
Dutch English French German