Widget Fuseau horaire

Michael Gargiulo - CEO, VPN.com

Par : Michael Gargiulo, PDG de VPN.com

Mis à jour : 7:13 ET ven, 24 septembre 2021

Comment incorporer

Pour intégrer un widget, vous devez d'abord inclure cette ligne de code une fois dans votre page Web :


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

Pour placer un widget intégrable dans votre page Web, créez un div avec class="vpn-widget" et type="[nom du widget]".


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

Attributs facultatifs

  • classe - Vous pouvez attribuer d'autres classes css à la div qui la contient, si vous le souhaitez.
  • style - Comme le widget est intégré dans un <div> vous pouvez spécifier votre propre style pour le contenu de cette division.
  • largeur - Pour dimensionner le widget, spécifiez l'attribut width. La hauteur sera calculée en fonction de la largeur spécifiée.
  • langue - Traduire le widget dans une langue spécifique, par exemple en, it, es.

Internationalisation

Par défaut, la langue du navigateur sera utilisée pour traduire chaque widget. Vous pouvez modifier cette valeur avec l'attribut facultatif `lang`.

Styling

Les widgets contiennent leur propre style individuel, mais vous pouvez utiliser le CSS pour étendre et remplacer ces styles. Les widgets sont enveloppés dans leur propre div qui sera placé à l'intérieur du div de votre page Web.

Par exemple, pour changer le titre du widget en rouge, faites-le dans un style et affectez la classe à votre div contenant :


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

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

Utilisez la directive css !important pour remplacer définitivement tout style css.

fr_FRFrançais
DMCA.com Protection Status
Copier le lien