OS Widget

Michael Gargiulo - CEO, VPN.com

By: Michael Gargiulo, a VPN.com vezérigazgatója

Frissítve: 7:10 DU. ET pén, 2021. szeptember 24.

Hogyan kell beágyazni

A widget beágyazásához először ezt a kódsort kell egyszer beillesztenie a weboldalába:


  

A beágyazható widget elhelyezéséhez hozzon létre egy div-t class="vpn-widget" és type="[widget neve]"


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

Választható attribútumok

  • osztály - Bármilyen további css-osztályokat rendelhetsz a tartalmazó div-hez, ahogyan szeretnéd.
  • stílus - Mivel a widget be van ágyazva egy <div> elemben megadhatja a div tartalmának saját stílusát.
  • szélesség - A widget méretének meghatározásához adja meg a width attribútumot. A magasság a megadott szélesség alapján kerül kiszámításra.
  • lang - Fordítsa le a widgetet egy adott nyelvre, pl. en, it, es.

Internacionalizálás

Alapértelmezés szerint a böngésző nyelvét fogja használni az egyes widgetek lefordításához. Ezt felülbírálhatja a `lang` opcionális attribútummal.

Styling

A widgetek tartalmazzák a saját egyedi stílusukat, de a CSS segítségével kibővítheti és felülbírálhatja ezeket a stílusokat. A widgetek saját div-be vannak csomagolva, amely a weboldaladon a div-en belül kerül elhelyezésre.

Például, ha a widget címét pirosra szeretné változtatni, akkor ezt egy stílusban kell megtennie, és az osztályt a tartalmazó div-hez kell rendelnie:


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

  <div class="vpn-widget red-header" type="geoip/os">Betöltés...</div>
Betöltés...

A !important css utasítással bármely css stílus kemény felülírása elvégezhető.

hu_HUMagyar
DMCA.com Protection Status