Region Widget

Michael Gargiulo - CEO, VPN.com

Von: Michael Gargiulo, CEO bei VPN.com

Aktualisiert: 5:03 PM ET Fr, 24. September 2021

Wie man einbettet

Um ein Widget einzubetten, müssen Sie zunächst diese Codezeile einmal in Ihre Webseite einfügen:


  

Um ein einbettbares Widget in Ihrer Webseite zu platzieren, erstellen Sie ein div mit class="vpn-widget" und type="[Widgetname]"


  <div
    class="vpn-widget"
    type="geoip/region"
  ></div>

Optionale Attribute

  • Klasse - Sie können dem enthaltenden Div beliebige zusätzliche CSS-Klassen zuweisen.
  • Stil – Because the widget is embedded in a <div> element you may specify your own styling for the contents of that div.
  • Breite - Für die Größe des Widgets geben Sie das Attribut width an. Die Höhe wird auf der Grundlage der angegebenen Breite berechnet.
  • lang - Übersetzen Sie das Widget in eine bestimmte Sprache, z. B. en, it, es.

Internationalisierung

Standardmäßig wird die Browsersprache zur Übersetzung jedes Widgets verwendet. Sie können dies mit dem optionalen Attribut `lang` außer Kraft setzen.

Styling

Widgets enthalten ihre eigene individuelle Gestaltung, aber Sie können CSS verwenden, um diese Stile zu erweitern und außer Kraft zu setzen. Widgets sind in ein eigenes Div verpackt, das innerhalb des Divs auf Ihrer Webseite platziert wird.

Wenn Sie beispielsweise den Titel des Widgets in Rot ändern möchten, müssen Sie dies in einem Stil tun und die Klasse dem enthaltenden Div zuweisen:


  <style>
    .red-header header {
        color: red;
    }
  </style>

  <div class="vpn-widget red-header" type="geoip/region">Laden...</div>
Laden...

Verwenden Sie die !important css-Direktive, um einen beliebigen css-Stil hart zu überschreiben.

de_DEDeutsch
DMCA.com Protection Status