Copiate e incollate il nostro Widget Paese:

Come incorporare il widget del nostro Paese

Per incorporare un widget è necessario includere questa riga di codice una volta nella pagina web:

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

Per inserire un widget incorporabile nella vostra pagina web, create un div con class="vpn-widget" e type="[nome widget]".

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

Attributi opzionali

• classe - È possibile assegnare al div contenente altre classi css a piacere.
• stile - Poiché il widget è incorporato in un file <div> si può specificare il proprio stile per il contenuto di quel div.
• larghezza - Per dimensionare il widget, specificare l'attributo width. L'altezza verrà calcolata in base alla larghezza specificata.
• lang - Tradurre il widget in una lingua specifica, ad esempio en, it, es.

Internazionalizzazione

Per impostazione predefinita, la lingua del browser sarà utilizzata per tradurre ogni widget. È possibile sovrascriverlo con l'attributo opzionale `lang`.

Stile del widget Paese

I widget contengono un proprio stile individuale, ma è possibile utilizzare i CSS per estendere e sovrascrivere tali stili. I widget sono avvolti in un proprio div, che sarà collocato all'interno del div della pagina web.

Ad esempio, per cambiare il titolo del widget in rosso, è necessario utilizzare uno stile e assegnare la classe al div che lo contiene:

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

  <div class="vpn-widget red-header" type="geoip/country">Caricamento...</div>

Usare la direttiva css .important per sovrascrivere qualsiasi stile css.