Social Media SVG



  • Dieses Widget verwendet SVG-Grafiken um Verlinkungen zu Sozialen Netzwerken einzubinden. Natürlich kann
  • das Widget auch zu anderen Zwecken verwendet werden.
  • Das Widget kann mehrfach mit unterschiedlichen Einstellungen auf einer Seite eingebunden werden.
  • Das Widget kann auf Bildschirmbreite oder Inhaltsbreite eingestellt werden.
  • Das Widget kann Links, Rechts oder Zentriert eingebunden werden.
  • Jeder SVG kann eine eigene Farbe zugewiesen werden.
  • 2 Verschiedene Hovereffekte möglich, auch kombinierbar.

  • Damit keine externen Dateien geladen werden müssen und wir den Code mit CSS anpassen können wird die Grafik Inline direkt in den HTML-Code integriert.

  • Hierzu müsst ihr die SVG mit dem Editor öffnen (Rechtsklick > Öffnen mit > Editor) Diesen Code kopiert ihr nun ohne das voran stehende <svg und fügt diesen entsprechend in das Widget ein. Es dürfen aber keine weiteren Größen- oder Farbangaben im Code vorhanden sein da diese sonst überschrieben 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.


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.