Másolja és illessze be a Region Widgetünket:

Hogyan ágyazzuk be a régió Widgetünket

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

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

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/region"
  ></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.

Régió Widget Styling

A widgetek saját egyedi stílusjegyeket tartalmaznak, 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/region">Betöltés...</div>

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