Copiar e colar o nosso OS Widget:

Como Incorporar o nosso OS Widget

Para incorporar um widget deve primeiro incluir esta linha de código uma vez na sua página web:

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

Para colocar um widget incorporado na sua página web crie um div com class="vpn-widget" e digite="[nome do widget]".

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

Atributos opcionais

• classe - Pode atribuir qualquer classe css adicional ao div que contém o div como desejar.
• estilo - Porque o widget está embutido num <div> elemento que pode especificar o seu próprio estilo para o conteúdo desse mergulho.
• largura - Para dimensionar o widget, especificar o atributo largura. A altura será calculada com base na largura especificada.
• lang - Traduzir o widget para uma língua específica, por exemplo, pt, it, es.

Internacionalização

Por defeito, a língua do navegador será utilizada para traduzir cada widget. Pode anular isto com o atributo opcional `lang`.

Estilo OS Widget Styling

Os widgets contêm o seu próprio estilo individual, mas pode usar o CSS para estender e sobrepor-se a esses estilos. Os Widgets são embrulhados no seu próprio div que será colocado dentro do div na sua página web.

Por exemplo, para mudar o título do widget para vermelho, faça-o num estilo e atribua a classe ao div que o contém:

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

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

Use o !importante directiva css para fazer uma ultrapassagem dura de qualquer estilo css.