Header Animation 1

  • Wir nutzen hier den ZP-Header.
  • Fügt zuerst unten stehendes CSS ein. Dieses könnt ihr später noch anpassen.
  • Fügt nun einen Header ein. Dieser erhält die CSS-Klasse: einbl-head
  • Nun fügt ihr den Text im Header hinzu. Und schaltet anschließend auf HTML um (Rechtsklick > Erweitert > HTML-Quelltext). Hier fügt ihr die CSS-Klassen für die Animationen. In diesem Fall sollte das so aussehen:
  • für die erste Zeile: <p class="einbl-text1"><span style="font-size: xx-large"><em>Codeschnipsel</em></span></p>
  • für die zweite Zeile: <p class="einbl-text2"><span style="font-size: xx-large"><em>für Zeta Producer</em></span></p>
  • Ihr weist also einfach dem <p> eine CSS-Klasse hinzu: <p class="css-klasse">
  • Da bei mehreren Bildern im Header die weiteren bereits vorgeladen werden. Funktionieren die Animationen nur mit einem bzw. beim ersten Bild.

CSS Code

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

markieren & kopieren
support
Dutch English French German