Skip to main content

Modal Onload mit Hintergrund



  • Modal mit Hintergrund "rgba(0, 0, 0, 0.8)".
  • Wartezeit bis das Fenster öffnet 4000 Millisekunden.
  • Die Seite lässt sich erst bedienen wenn das Fenster geschlossen wurde.
  • Wird immer Horizontal Mittig platziert.
  • Zusätzlich wurde hier per Inline-CSS ein Hintergrundbild hinzugefügt.

  • 2 Varianten, mit und ohne Overlay-Farbe.
  • Der Inhalt kann mit Texteditor und/oder HTML-Qielltext eingbunden werden.
  • Zeitvorgabe bis das Fenster eingblendet wird.
  • Das Fenster kann mit verschiedenen Einstellungen frei positioniert werden.
  • Optimale Positionierung in der "Mobilen Darstellung".
  • Das Layout Fensters kann mit vielen Einstellungen angepasst werden.
  • Der Schließen-Button kann in Größe, Position und Farbe angepasst sowie animiert werden.
  • Der Inhalt "Texteditor und/oder HTML-Qielltext" kann mit Inline-CSS individuell angepasst werden.


Variante mit Hintergrund blendet im Hintergrund eine Overlay-Farbe ein.

  • Das Fenster lässt sich mit einem Klick auf den Hintergrund oder den "Schließen-Button" schließen.
  • Der Inhalt der Seite lässt sich erst bedienen wenn das Fenster geschlossen wurde.
  • Das Fenster wird immer Horizontal Mittig mit den eingegebenen Abständen für die Vertikale Position eingblendet.


Variante ohne Hintergrund blendet keinen Hintergrund ein.

  • Das Fenster lässt sich mit einem Klick auf den "Schließen-Button" schließen.
  • Der Inhalt der Seite lässt sich auch bedienen wenn das Fenster nicht geschlossen wurde.
  • Das Fenster kann aus allen 4 Ecken mit eingegebenen Abständen platziert werden.

  • Entpacke die heruntergeladene *.zip Datei
  • Im Verzeichnis "C: \ Users \ Benutzername \ Documents \ Zeta Producer xx" einen Ordner "widgets" anlegen.
  • Kopiere den kompletten entpackten Ordner in das neu angelegte Unterverzeichnis "widgets".
  • Starte Zeta Producer
  • Das Widget sollte nun in der Widgetübersicht unter dem Reiter "Sonstiges" angezeigt werden.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.


Alle Widgets wurden mit dem Layout "Flat Responsive" erstellt und in vielen anderen Layouts getestet. Da alle Layouts in Zeta Producer ihre Besonderheiten haben kann es durchaus vorkommen das ein Widget nicht in deinem Layout wie gewünscht dargestellt wird.

Nach oben