Istruzion Widget

Nosc tëmp sun vosta homepage – l widget dl tëmp

Cun l widget dl servisc meteo dla Provinzia Autonoma de Bulsan pudëis bel scëmpl senté ite la previjions dl tëmp diretamënter sun vosta plata web.

Ëis a despusizion doi sortes de widgets:

  • Widget-previjions: previjions per 3 dis per l Südtirol o vosc raion
  • Widget-cherta: La cherta dl tëmp de Südtirol dl dì atuel

Chirëde n iede ora l luech, la rujeneda, l format y cupiede dainora l code-HTML tlo dessot tla luegia che ulëis de vosta plata web..

I culëures y la grandëza dl widget possa unì adatà coche ulëis.

Pudëis persunalisé chisc elemënc de styling:

   
<style>
    /* (verfügbar nur beim Widget-Vorhersagen) */
     #meteoprovbz_container    { }  /* id interner Container  */
     .meteoprovbz_min          { }  /* Box der Tiefsttemperaturen */
     .meteoprovbz_max          { }  /* Box der Höchsttemperaturen */
     .meteoprovbz_temperatures { }  /* nur beim Querformat: Temperaturzeile */
     
     /* (auch beim Widget-Karte) */
     #meteoprovbz_widget       { }  /* Container des Widget */
     .meteoprovbz_icon         { }  /* Container der Bilder (nicht verfügbar beim Hochformat) */
</style>

Tlo trëi ejëmpli:

Mudamënt dla grandëza (p.ej. smendrì)

<script type="text/javascript"
        src="https://wetter.ws.siag.it/Widget_v1.svc/web/loadSimpleWidget/de/0/Landscape.js">
</script>
<div id="meteoprovbz_widget"></div>
<script type="text/javascript">
meteoprovbz_Widget.CreateWidget(document.getElementById("meteoprovbz_widget"));
</script>
  
<style>
 .meteoprovbz_icon img {width:60px;}
 .meteoprovbz_icon img {height:60px;}
</style>

.

Dé n culëur ala temperatures

<script type="text/javascript"
        src="https://wetter.ws.siag.it/Widget_v1.svc/web/loadSimpleWidget/de/0/Landscape.js">
</script>
<div id="meteoprovbz_widget"></div>
<script type="text/javascript">
     meteoprovbz_Widget.CreateWidget(document.getElementById("meteoprovbz_widget"));
</script>
  
  <style>
 .meteoprovbz_min   { background-color: blue; color:white !important;}
 .meteoprovbz_max   { background-color: red; color:white !important;}
  </style>

.

Dé n culëur a dut l widget

<script type="text/javascript"
        src="https://wetter.ws.siag.it/Widget_v1.svc/web/loadSimpleWidget/de/0/Landscape.js">
</script>
<div id="meteoprovbz_widget"></div>
<script type="text/javascript">
     meteoprovbz_Widget.CreateWidget(document.getElementById("meteoprovbz_widget"));
</script>
 
 <style>
 #meteoprovbz_container {background-color:#d3ddf1; color:black;}
 .meteoprovbz_icon {background-color:#81aaf1;}
 .meteoprovbz_min {background-color: #1c4d94; color:white !important;}
 .meteoprovbz_max {background-color: #bc0000; color:white !important;}
 </style>

.

De plu nfurmazions sun la prugramazion CSS ie da abiné sun la plata internet Cascading Style Sheets dl W3C. La visualisazion dl widget depënd oradechël dassënn dal browser internet.