Widget Tijdzone

Michael Gargiulo - CEO, VPN.com

Door: Michael Gargiulo, CEO van VPN.com

Bijgewerkt: 7:13 PM ET vr, September 24th 2021

Hoe insluiten

Om een widget in te sluiten moet je eerst deze regel code eenmalig in je webpagina invoegen:


  

Om een embeddable widget in uw webpagina te plaatsen maakt u een div met class="vpn-widget" en type="[widget naam]"


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

Optionele attributen

  • klasse - Je kunt naar wens extra css-klassen toekennen aan de bevattende div.
  • stijl – Because the widget is embedded in a <div> element you may specify your own styling for the contents of that div.
  • breedte - Om de widget te vergroten specificeert u het width attribuut. De hoogte wordt berekend op basis van de opgegeven breedte.
  • lang - Vertaal de widget naar een specifieke taal, bijv. en, it, es.

Internationalisering

Standaard wordt de browser-taal gebruikt om elke widget te vertalen. Je kunt dit opheffen met het `lang` optionele attribuut.

Styling

Widgets hebben hun eigen individuele styling, maar u kunt CSS gebruiken om die stijlen uit te breiden en te overschrijven. Widgets worden ingepakt in hun eigen div die binnen de div op uw webpagina wordt geplaatst.

Om bijvoorbeeld de titel van de widget in rood te veranderen, doe je dat in een stijl en wijs je de klasse toe aan je bevattende div:


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

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

Gebruik de !important css richtlijn om een css stijl hard te overschrijven.

nl_NLNederlands
DMCA.com Protection Status