Skip to main content

Top Bar



  • Bindet eine zusätzliche Linkleiste am oberen Bildschirmrand ein.
  • Die Position lässt sich auch weiter nach unten verschieben um diese zB.: unter der Navigation abzubilden.
  • Die Links können Links, Rechts, Mittig oder gleichmäßig verteilt eingebunden werden. Die Abstände der Links sind dabei (auch dynamisch) anpassbar.
  • Für die Icons wird das in ZP bereits integrierte Font Awesome verwendet.
  • Die Texte lassen sich ab einer bestimmten Bildschirmbreite ausblenden. Somit ist genügend Platz am Smartphone.
  • Zusätzlich zu der statischen Variante gibt es die Variante "SCROLL". Hier wird die "Top Bar" vorerst ausgeblendet und erst ab einer vorgegebeben Scroll-Position eingeblendet.
  • Für die "Top Bar" muss natürlich oben auf der Seite Platz geschaffen werden. Das lässt sich in der Regel gut im "Layout-Desinger" im Bereich Logo, Hauptmenü anpassen. Alternativ kann man den Bereich auch mit CSS verschieben. Falls Sie dazu Hilfe benötigen können Sie sich gerne im Forum melden.

  • 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.


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