Widget d'alerte météo nationale

MULTI DEVICE : icône de tous les appareils blanc

Copy & paste our National Weather Alert Widget:

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

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

How To Embed Our National Weather Alert Widget

Pour intégrer un widget, vous devez d'abord inclure cette ligne de code une fois dans votre page Web :


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

Pour placer un widget intégrable dans votre page Web, créez un div avec class="vpn-widget" et type="[nom du widget]".


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

Attributs facultatifs

  • classe - Vous pouvez attribuer d'autres classes css à la div qui la contient, si vous le souhaitez.
  • style - Comme le widget est intégré dans un <div> vous pouvez spécifier votre propre style pour le contenu de cette division.
  • largeur - Pour dimensionner le widget, spécifiez l'attribut width. La hauteur sera calculée en fonction de la largeur spécifiée.
  • langue - Traduire le widget dans une langue spécifique, par exemple en, it, es.

Internationalisation

Par défaut, la langue du navigateur sera utilisée pour traduire chaque widget. Vous pouvez modifier cette valeur avec l'attribut facultatif `lang`.

National Weather Alert Widget Styling

Les widgets contiennent leur propre style individuel, mais vous pouvez utiliser le CSS pour étendre et remplacer ces styles. Les widgets sont enveloppés dans leur propre div qui sera placé à l'intérieur du div de votre page Web.

Par exemple, pour changer le titre du widget en rouge, faites-le dans un style et affectez la classe à votre div contenant :


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

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

Utilisez la directive css !important pour remplacer définitivement tout style css.

QUESTIONS FRÉQUEMMENT POSÉES

What is a National Weather Alert Widget?

A widget that detects and displays national weather alerts in the user’s current location. 

Who needs a National Weather Alert Widget?

Anyone who wants to allow visitors of their website to view their national weather alerts.

Why should I use a National Weather Alert Widget?

Weather widgets are among the most useful types of widgets in existence. Visitors will appreciate the ability to quickly gather information about weather alerts in their area.

How do I use a National Weather Alert Widget?

Vous utilisez le widget en l'intégrant à l'endroit où vous souhaitez qu'il apparaisse sur votre site Web ou votre blog. Une fois intégré, le widget commencera à fonctionner comme prévu sans aucune autre maintenance de votre part.

Does this National Weather Alert Widget cost anything?

Non ! Tous les widgets de notre site web sont 100% gratuits pour vous.

Can I embed a National Weather Alert Widget?

Oui ! Suivez les instructions ci-dessus pour intégrer notre widget à votre site Web ou à votre blog.

How do I embed this National Weather Alert Widget?

Suivez les instructions ci-dessus pour intégrer notre widget à votre site Web ou à votre blog. Il vous suffit de copier et de coller le code que nous vous avons fourni.

Is it safe to embed a National Weather Alert Widget?

Oui ! L'intégration de tous les widgets de VPN.com est parfaitement sûre.

How long does it take to embed a National Weather Alert Widget?

Il faut moins de cinq minutes pour installer ce widget. Le temps de copier et de coller le code sur votre site Web ou votre blog suffit.

Do I need a developer to embed this National Weather Alert Widget?

Non, vous n'avez pas besoin d'un développeur pour intégrer ce widget. Nous avons fourni tout ce dont vous avez besoin pour intégrer le widget sur cette page.

Can I embed a National Weather Alert Widget in WordPress?

Oui ! Nos widgets sont compatibles avec tous les sites Web WordPress.

Can I embed a National Weather Alert Widget in HTML?

Oui, vous pouvez intégrer tous nos widgets en HTML. Nous avons fourni le code HTML nécessaire ainsi que les instructions ci-dessus.

fr_FRFrançais
Copier le lien