Last update: July 12, 2021
The widget examples below are real-time (based on current observations) and are therefore continuously updated! When you visit this page again, you are almost guaranteed to see different values.
On the left side of the table you will see the widget (live) of the html code listed on the right.
<!DOCTYPE html><html><body><iframe src="https://meteo-be.net/widget/v1/westouter-heuvelland?l=en&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:'proxima-nova',Helvetica,Arial,sans-serif;fontSize:100%&o=shortStation&tb=(Red%20Mountain)&tb=%7F&tb=Wine%20Estate&tb=Entre-Deux-Monts&tb=%7F&tb=Actual%20Weather" width="240" height="370" frameborder="0"></iframe></body></html> This widget is using a fontsize of 100%, which is the default value. Therefore it is not needed to specify this value in the URL (but it is allowed). The option &o=shortStation only shows the first part of the location. The part (Heuvelland) is not shown. | |
<!DOCTYPE html><html>
| |
<!DOCTYPE html><html><body> Fontsize here is only 90%. The station name on top of the widget is suppressed (&o=noStation) and replaced by several lines of free text. | |
<!DOCTYPE html><html><body> Fontsize is here modified to 110%. | |
<!DOCTYPE html><html> When clicking on the widget (not on the link shown at the end) you are redirected to the website of the owner, in this case: https://www.zwaeneberg.com The widget makes use of multiple lines of free text. | |
<!DOCTYPE html><html><body> The widget is using a font which consists of two words: Nova Arial. You have to list is as such, but place it between single or double quotes. | |
<!DOCTYPE html><html><body> The icons have been replaced by readable text (&o=text). In some cases, this is not usable because of long texts being generated, especially when observations are not recent. The short station name option is also used (&o=shortStation). When this option is not used, one would see Neeroeteren (Maaseik) and widget would become much wider. When clicking on the widget, you are now no longer redirected to the station page on meteo-be.net but to the given URL, in this example: https://rubenweytjens.be (&u=https%3A%2F%2Frubenweytjens.be%2F). | |
| <!DOCTYPE html><html><body> Language of this widget is French. The background is made transparent using “rgba(0,0,0,0.1)” where the first three zeroes mean black, the 4th digit tells you that the background needs to be blackened (= color specified) by 15% (0.15).
|
| <!DOCTYPE html><html><head><style>iframe{margin-left:auto;margin-right:auto;display:flex;}</style></head><body> This widget is an example of the use of free text. There are 5 lines with the top and bottom being blank. Clicking on the widget redirects to https://www.aubergederochehaut.com instead of the normal station page. |
<!DOCTYPE html><html>
| |
Do you also want a widget, but can't seem to get it? Send us an email with your wishes and we will (try to) solve it for you… |