Widget de región

Michael Gargiulo - CEO, VPN.com

Por: Michael Gargiulo...CEO de VPN.com...

Actualizado: 5:03 PM ET Vie, septiembre 24th 2021

Cómo incrustar

Para incrustar un widget, primero debes incluir esta línea de código una vez en tu página web:


  

Para colocar un widget incrustado en su página web, cree un div con class="vpn-widget" y type="[nombre del widget]"


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

Atributos opcionales

  • clase - Puede asignar cualquier clase css adicional al div contenedor que desee.
  • estilo – Because the widget is embedded in a <div> element you may specify your own styling for the contents of that div.
  • ancho - Para dimensionar el widget especifique el atributo de anchura. La altura se calculará en función de la anchura especificada.
  • lang - Traducir el widget a un idioma específico, por ejemplo, en, it, es.

Internacionalización

Por defecto se utilizará el idioma del navegador para traducir cada widget. Puedes anularlo con el atributo opcional `lang`.

Estilismo

Los widgets contienen su propio estilo individual, pero puedes utilizar CSS para ampliar y anular esos estilos. Los widgets están envueltos en su propio div que se colocará dentro del div de su página web.

Por ejemplo, para cambiar el título del widget a rojo hazlo en un estilo y asigna la clase a tu div contenedor:


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

  <div class="vpn-widget red-header" type="geoip/region">Cargando...</div>
Cargando...

Utilice la directiva css !important para anular cualquier estilo css.

es_ESEspañol
DMCA.com Protection Status