OS Widget

Michael Gargiulo - CEO, VPN.com

Por: Michael Gargiulo, CEO na VPN.com

Actualizado: 19:10 ET Sexo, Setembro 24th 2021

Como Incorporar

Para incorporar um widget você 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

  • turma - Você pode atribuir qualquer classe css adicional para o mergulho que contém como você gostaria.
  • estilo - Porque o widget está embutido em um <div> elemento que você pode especificar o seu próprio estilo para o conteúdo desse div.
  • largura - Para dimensionar o widget, especifique o atributo largura. A altura será calculada com base na largura especificada.
  • lang - Traduza o widget para uma linguagem específica, por exemplo, pt, it, es.

Internacionalização

Por padrão, o idioma do navegador será usado para traduzir cada widget. Você pode substituir isto com o atributo opcional `lang`.

Styling

Os widgets contêm seu próprio estilo individual, mas você pode usar o CSS para estender e substituir esses estilos. Os widgets são embrulhados em seu próprio div que será colocado dentro do div em 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">A carregar...</div>
A carregar...

Use a diretiva !important css para fazer uma difícil substituição de qualquer estilo css.

pt_PTPortuguês
DMCA.com Protection Status
Copiar link