Kopieren Sie unser OS-Widget und fügen Sie es ein:

Wie Sie unser OS-Widget einbetten

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

  <script src="https://widget.vpn.com/vpn-widget.js"></script>

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/os"
  ></div>

Optionale Attribute

• Klasse - Sie können dem enthaltenden Div beliebige zusätzliche CSS-Klassen zuweisen.
• Stil - Da das Widget in eine <div> Element können Sie Ihr eigenes Styling für den Inhalt des Divs festlegen.
• 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.

OS Widget-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 einer Formatvorlage tun und die Klasse dem enthaltenen Div zuweisen:

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

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

Verwenden Sie das !important css-Richtlinie eine harte Überschreibung eines beliebigen CSS-Stils zu tun.