Copie y pegue nuestro widget de previsión meteorológica diaria:

Cómo insertar nuestro widget de previsión meteorológica diaria

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

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

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="weather/forecast"
  ></div>

Atributos opcionales

• clase - Puede asignar cualquier clase css adicional al div contenedor que desee.
• estilo - Como el widget está incrustado en un <div> puede especificar su propio estilo para el contenido de ese div.
• anchura - 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`.

Estilo del widget de previsión meteorológica diaria

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="weather/forecast">Cargando...</div>

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