Laatste bijwerking: 8 juli 2021
Onderstaande voorbeelden van widgets zijn real-time (gebaseerd op actuele waarnemingen) en worden dan ook continu aangepast! Bij een nieuw bezoek aan deze pagina krijgt u dus bijna gegarandeerd andere cijfers te zien.
Aan de linkerzijde ziet u de widget (live) van de html-code die rechts staat vermeld.
<!DOCTYPE html><html><body><iframe src="https://meteo-be.net/widget/v1/westouter-heuvelland?l=nl&f=temperature;day:min:temperature_min;day:max:temperature_max;day:sum:rain_amount&s=background:whitesmoke;text:rgb(29,29,27);iconColor:rgb(226,6,19);font:Calibri,Helvetica,Arial,sans-serif;fontSize:100%&o=shortStation&tb=(Rode%20Berg)&tb=%7F&tb=Wijndomein&tb=Entre-Deux-Monts&tb=%7F&tb=Actuele weergegevens" width="240" height="380" frameborder="0"></iframe></body></html> Deze widget gebruikt een fontgrootte van 100%. Aangezien dit de defaultwaarde is, is het niet echt nodig deze te specificeren in de URL (maar het mag). De optie &o=shortStation zorgt ervoor dat enkel het eerste deel van de locatie van het weerstation - Westouter - wordt weergegeven. Het gedeelte (Heuvelland) wordt niet getoond. | |
<!DOCTYPE html><html>
| |
<iframe src="https://meteo-be.net/widget/v1/arendonk?l=nl&f=temperature;day:min:temperature_min;day:max:temperature_max;humidity;irradiation;last_24h:sum:rain_amount&s=background:rgb(150,193,30);text:white;iconColor:white;font:vaud,sans-serif&tb=Landschap%20De%20Liereman&t=Actuele weergegevens" width="260" height="340" frameborder="0"></iframe> | |
<iframe src="https://meteo-be.net/widget/v1/avelgem?l=nl&f=temperature;day:min:temperature_min;day:max:temperature_max;humidity;irradiation;last_24h:sum:rain_amount&s=background:rgb(150,193,30);text:white;iconColor:white;font:vaud,sans-serif&tb=Scheldemeersen&t=Actuele weergegevens" width="260" height="340" frameborder="0"></iframe> | |
| <!DOCTYPE html><html><body> <iframe src="https://meteo-be.net/widget/v1/bree?l=nl&f=temperature;day:max:temperature_max;day:min:temperature_min;humidity;irradiation;day:sum:rain_amount&s=background:rgb(29,29,27);text:white;iconColor:rgb(195,215,108);font:'nunito sans',sans-serif;fontSize:90%&o=noStation&tb=Wijndomein&tb=DE%20STEINBERG&tb=BREE%20(LIMBURG)&tb=%7F&tb=ACTUEEL%20WEER&t=in%20de%20wijngaard" width="200" height="340" frameborder="0"></iframe> </body> </html> | |
| <!DOCTYPE html><html><body><iframe src="https://meteo-be.net/widget/v1/vliermaal-kortessem?l=nl&f=temperature;day:max:temperature_max;day:min:temperature_min;humidity;irradiation;day:sum:rain_amount&s=background:midnightblue;text:white;iconColor:rgb(195,215,108);font:'nunito sans',sans-serif;fontSize:90%&o=noStation&tb=Wijndomein&tb=SCHORPION&tb=VLIERMAAL%20(LIMBURG)&tb=%7F&tb=ACTUELE&tb=WEERGEGEVENS" width="200" height="340" frameborder="0"></iframe></body> </html> | |
<!DOCTYPE html><html><body> De fontgrootte is hier aangepast naar 110%. | |
<!DOCTYPE html><html> Bij een muisklik in de widget wordt er doorgelinkt naar de website van de eigenaar, hier: https://www.zwaeneberg.com De widget maakt gebruik van meerdere vrije tekstvelden. | |
<!DOCTYPE html><html><body> In de widget wordt een font gebruikt die uit twee woorden bestaat: Nova Arial. U dient deze ook zo te vermelden, maar tussen dubbele aanhalingstekens te plaatsen. De widget is hier in de Engelse taal. | |
<!DOCTYPE html><html><body> De icoontjes zijn hier vervangen door leesbare tekst (&o=text). In bepaalde gevallen is dit echter onbruikbaar, vooral wanneer de waarnemingen niet recent zijn waardoor een lange tekst wordt gegenereerd. De korte naam van het weerstation wordt hier gebruikt (shortStation). Indien de optie niet zou worden aangezet zou men Neeroeteren (Maaseik) te zien krijgen waardoor de widget ook een stuk breder zou uitvallen. Wanneer u op de widget klikt, dan wordt u standaard niet meer doorgelinkt naar de stationspagina Neeroeteren (Maaseik) van meteo-be.net, maar naar de opgegeven pagina, in dit voorbeeld: https://rubenweytjens.be (&u=https%3A%2F%2Frubenweytjens.be%2F). | |
| <!DOCTYPE html><html><body> In dit voorbeeld is de taal aangepast naar het Frans. De achtergrond van de widget is transparant gemaakt met “rgba(0,0,0,0.1)” waarbij de eerste 3 nullen staan voor zwart, het 4e getal geeft aan dat de achtergrond met 10% (0.1) zwart moet gemaakt worden.
|
| <!DOCTYPE html><html><head><style>iframe{margin-left:auto;margin-right:auto;display:flex;}</style></head><body> Deze widget is een mooi voorbeeld van vrije tekst. Hiervan zijn in totaal 5 lijnen tekst aanwezig, waarvan de bovenste en onderste blanco is. Verder is het doorlinken aangepast naar https://www.aubergederochehaut.com in plaats van de stationspagina op meteo-be.net. |
<!DOCTYPE html><html>
| |
<!DOCTYPE html><html><body>
| |
| <!DOCTYPE html><html><body> <iframe src="https://meteo-be.net/widget/v1/st-joris-beernem?l=nl&f=temperature;day:max:temperature_max;day:min:temperature_min;humidity;irradiation;day:sum:rain_amount&s=background:rgb(243,242,241);text:rgb(65,65,65);iconColor:rgb(65,65,65);font:Arial,'Helvetica Neue,Helvetica,sans-serif;fontSize:90%&o=noStation&tb=Meteo%20BEERNEM&tb=Weerstation St-Joris&tb=%7F&tb=ACTUEEL%20WEER" width="220" height="310" frameborder="0"></iframe> </body></html> | |
<!DOCTYPE html><html><body> <iframe src="https://meteo-be.net/widget/v1/veurne?l=nl&f=temperature;pressure;humidity;dewpoint;last_24h:sum:rain_amount;irradiation;wind;wind_speed_high&s=background:rgb(117,151,137);iconColor:white;text:white;font:sans-serif;fontSize:95%&tb=METEO%20VEURNE&t=%7F&t=Actuele%20waarnemingen&o=noStation" width="260" height="310" frameborder="0"></iframe> </body></html> | |
| <!DOCTYPE html><html><body> <iframe src="https://meteo-be.net/widget/v1/sijsele-damme?l=nl&f=temperature;pressure;humidity;dewpoint;last_24h:sum:rain_amount;irradiation&s=background:rgb(221,0,0);iconColor:white;text:white;font:sans-serif;fontSize:95%&tb=METEO%20DAMME&t=%7F&tb=GOLF%20%26%20COUNTRY%20CLUB&t=Actuele%20waarnemingen&o=noStation" width="260" height="290" frameborder="0"></iframe> </body></html> | |
| <!DOCTYPE html><html><body> <iframe src="https://meteo-be.net/widget/v1/malle?l=nl&f=temperature;day:max:temperature_max;day:min:temperature_min;pressure;humidity;dewpoint;last_24h:sum:rain_amount;irradiation&s=background:rgb(157,193,131);iconColor:white;text:white;font:sans-serif;fontSize:95%&tb=METEO%20MALLE&t=%7F&tb=MARIS%20STELLA%20INSTITUUT&t=Actuele%20waarnemingen&o=noStation" width="260" height="335" frameborder="0"></iframe> </body></html> | |
Wilt u ook een widget, maar geraakt er er toch niet aan uit of u ziet er geen beginnen aan? Stuur ons een email met uw wensen en wij lossen het voor u op… | |