Widget del fuso orario

Michael Gargiulo - CEO, VPN.com

Da: Michael Gargiulo, CEO di VPN.com

Aggiornato: 7:13 PM ET Ven, 24 Settembre 2021

Come incorporare

Per incorporare un widget devi prima includere questa linea di codice una volta nella tua pagina web:


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

Per mettere un widget incorporabile nella tua pagina web crea un div con class="vpn-widget" e type="[nome del widget]"


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

Attributi opzionali

  • classe - Potete assegnare qualsiasi classe css aggiuntiva al div che lo contiene, come volete.
  • stile - Poiché il widget è incorporato in un elemento <div> potete specificare il vostro stile per il contenuto di quel div.
  • larghezza - Per dimensionare il widget specificate l'attributo width. L'altezza sarà 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à usata per tradurre ogni widget. Puoi sovrascrivere questo con l'attributo opzionale `lang`.

Styling

I widget contengono il loro stile individuale, ma puoi usare i CSS per estendere e sovrascrivere questi stili. I widget sono avvolti in un proprio div che sarà posizionato all'interno del div della tua pagina web.

Per esempio, per cambiare il titolo del widget in rosso, fatelo in uno stile e assegnate la classe al vostro div contenente:


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

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

Usate la direttiva css !important per fare un hard override di qualsiasi stile css.

it_ITItaliano
DMCA.com Protection Status
Copiare il link