Kopier og indsæt vores Widget til national vejrvarsling:

Sådan indlejrer du vores Widget til national vejrvarsling

For at integrere en widget skal du først indsætte denne kodelinje én gang på din webside:

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

Hvis du vil placere en widget, der kan indlejres, på din webside, skal du oprette en div med class="vpn-widget" og type="[widget name]"

  <div
    class="vpn-widget"
    type="weather/national-alerts"
  ></div>

Valgfrie attributter

• klasse - Du kan tildele yderligere css-klasser til den indeholdende div, som du ønsker.
• stil - Da widgeten er indlejret i en <div> elementet kan du angive din egen styling for indholdet af dette div.
• bredde - Du kan angive størrelsen på widget'en ved at angive attributten width. Højden beregnes ud fra den angivne bredde.
• lang - Oversæt widget'en til et bestemt sprog, f.eks. en, it, es.

Internationalisering

Som standard bruges browserens sprog til at oversætte hver widget. Du kan tilsidesætte dette med den valgfrie attribut `lang`.

Widget til national vejrvarsling med stil

Widgets indeholder deres egen individuelle styling, men du kan bruge CSS til at udvide og tilsidesætte disse stilarter. Widgets er pakket ind i deres egen div, som placeres inden for div'en på din webside.

Hvis du f.eks. vil ændre widgets titel til rødt, skal du gøre det i en stil og tildele klassen til din indeholdende div:

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

  <div class="vpn-widget red-header" type="weather/national-alerts">Indlæser...</div>

Brug !important css-direktivet til at tilsidesætte enhver css-stil.