OS Widget

Michael Gargiulo - CEO, VPN.com

Autor: Michael Gargiulo, VPN.com tegevjuht

Uuendatud: 24. september 2021: 19:10 ET R, 24. september 2021

Kuidas manustada

Vidinate integreerimiseks peate kõigepealt lisama selle koodirea üks kord oma veebilehele:


  

Embeddable widget'i paigutamiseks oma veebilehele looge div koos class="vpn-widget" ja type="[widget name]"


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

Vabatahtlikud atribuudid

  • klass - Võite määrata täiendavaid css-klasse sisaldavale divile, kui soovite.
  • stiil - Kuna vidin on põimitud <div> elemendi puhul võite määrata selle div-i sisu jaoks oma kujunduse.
  • laius - Vidina suuruse määramiseks määrake atribuut width. Kõrgus arvutatakse määratud laiuse alusel.
  • lang - Tõlgi vidin konkreetsesse keelde, nt en, it, es.

Rahvusvahelistumine

Vaikimisi kasutatakse iga vidina tõlkimiseks brauseri keelt. Seda saab muuta valikulise atribuudiga `lang`.

Stiilimine

Vidinad sisaldavad oma individuaalset kujundust, kuid nende stiilide laiendamiseks ja ületamiseks saate kasutada CSS-i. Vidinad on pakitud oma div-i, mis paigutatakse teie veebilehe div-i sisse.

Näiteks, et muuta vidina pealkiri punaseks, tehke seda stiilis ja määrake klass oma sisaldavale divile:


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

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

Kasutage css-direktiivi !important css, et teha mis tahes css-stiili kõva ületamine.

etEesti
DMCA.com Protection Status