- Weathercustom Weather Forecast For Your Websites
- Weathercustom Weather Forecast For Your Website Page
Documentation
WeatherWidget.io provides an easy, interactive interface which you can use to build and customize a weather widget for any website. Following you can find a description for all available fields of this interface.
Weather is a leading draw of people to websites. If you have a great weather site your visitors will stay longer and be more satisfied with your site. Now your site, no matter what size, can afford custom weather pages that will blend right in with your existing content and draw people back to your site again and again. National Weather Maps. Surface Analysis. Highs, lows, fronts, troughs, outflow boundaries, squall lines, drylines for much of North America, the Western Atlantic and Eastern Pacific oceans, and the Gulf of Mexico.
| Setting | Description |
|---|---|
| Select Location | Search for the location for which you would like a weather widget. The location can be a country, city, village or area. Required: Yes |
| Location Label 1 | The first line of the label, e.g. the name of location. You can type anything you like, but try to keep it short (preferably less than 15 characters) Required: No |
| Location Label 2 | The second line of the label. You can type anything you like, but try to keep it short (preferably less than 15 characters) Required: No |
| Language | The language of the weather widget. 20 languages currently supported. Required: Yes |
| Units | You can select either International units (SI) with temperatures shown in degrees Celsius, or USA units with temperatures shown in degrees Fahrenheit. Required: Yes Default: International |
| Option | Description |
|---|---|
| Font | Select a font for the widget. Two types of fonts are available: (1) Stacks with 'web safe' font-families, i.e. fonts that are usually found on most operating systems, and (2) Google fonts. For the 'web safe' fonts only the first font of the stack is shown and if a user doesn't have installed on his/her system this font, then a fallback will be used. Required: No Default: Tahoma |
| Icon Set | Three different icon sets are currently available. They are all SVG and will therefore always look sharp. One of the icon sets is animated. Required: No Default: Iconvault |
| Current / Forecast | The weather widget can display the current weather, a weather forecast for the next few days, or both the current weather and the weather forecast. Required: No Default: Both |
| Forecast Days | The number of days to be shown in the weather forecast (not applicable when only the current weather is displayed) Required: No Default: 7 |
| Theme Type | Description |
|---|---|
| Flat | Themes made exclusively with flat colors. No gradients and no images are used. All colors can be customized in the 'Customize' tab. |
| Gradient | A gradient is used on the background of these themes. You can change the color of the gradient by changing the 'Background' color in the 'Customize' tab. By adjusting the opacity of the 'Background' color you can show more or less of the gradient effect. |
| Pattern | A small repeating image is used as the background of these themes. Adding a 'Background' color in the 'Customize' tab will hide the background image but you can still add a 'Background' color with a lower opacity to create a 'colorize' effect over the image pattern. |
| Image | A large image is used as the background of these themes. Adding a 'Background' color in the 'Customize' tab will hide the background image but you can still add a 'Background' color with a lower opacity to create a 'colorize' effect over the image. |
| Weather Conditions | A single 'Weather Conditions' theme is currently available. This displays a different background image and colors according to the current weather. Please note that you can not customize the colors of this theme. |
| Color name | Description |
|---|---|
| All | The colors can be set by either typing any valid color in an input field, or by clicking the color swatch next to the field and selecting a color using the color picker. Note that the rightmost column on the color picker selects the opacity. |
| Background | The background color of the widget. With an image based theme the background color is usually removed so that the image behind it can be seen. You can also make the background, semi-transparent by lowering its opacity in order to blend and colorize whatever lies behind it. Required: No Default: None |
| Accent | This is the color background for all the odd forecast day columns (i.e. 1, 3, 5, 7). Setting this to a color (e.g. black or white) with low opacity makes it easy to blend the accent with the background color. Required: No Default: None |
| Text | The text color is used for the location labels, the current temperature, the current weather description and the day names. It is also used as the default color for all text and icon colors. Required: No Default: #000000 (black) |
| High Temp | The color for the high temperature. Required: No Default: Text color |
| Low Temp | The color for the low temperature. Required: No Default: Text color |
| Shadow | The color for the drop shadow behind text and icons. This is sometimes useful to visually separate the text and icons from the background (most useful when the background is an image or when text and icons have a similar color to the background) Required: No Default: none |
| Sun / Thunder | The color of the sun and the thunder in the icons. Required: No Default: Text color |
| Moon | The color of the moon in the icons. Required: No Default: Text color |
| Cloud / Fog / Wind | The color of the cloud, fog and wind icons. Required: No Default: Text color |
| Cloud Fill | The color for the fill (inside part) of the cloud icons. Applicable only for the animated icons (Climacons Animated). Static icons have no cloud fill. Required: No Default: Text color |
| Rain | The color of the rain drops in the icons. Required: No Default: Text color |
| Snow / Hail | The color for the snow and hail in the icons. Required: No Default: Text color |
Looking for complete weather pages to add to your website? Have a special need to present weather on your website?Click here!
Below you'll find many FREE ways to provide your visitors with weather information right on your own web site. These Weather Snapshots are designed to blend into and complement your site, not divert attention away from your own content. Only weatherforyou.com delivers these images from multiple dedicated servers around the US for maximum reliability and quick display. Since 1999 weatherforyou.com has provided quality weather content for tens of thousands of web sites worldwide. You and your visitors can benefit from that experience and technical excellence by adding these weather images to your web site.
For a fee, weatherforyou.com offers custom image creation and branding, including weather maps. Also available are complete weather web pages hosted on weatherforyou.com servers yet look like they're part of your site. These can be as advanced as including branded weather maps with your logo and specific places, or as simple as just the current conditions. For more information e-mail support@weatherforyou.com with your needs.
This work is licensed under a Creative Commons Attribution-NoDerivatives 4.0 International License.
Latest Weather Conditions
To display the above image on your web site, with the location of your choice,
click here to automatically generate the HTML code
you can copy and paste to your web page. You'll also be able to customize the background color, text color and/or title display.
To display the above image on your web site, with the location of your choice,
click here to automatically generate the HTML code
you can copy and paste to your web page. You'll also be able to customize the background color, text color and/or title display.
To display the above image on your web site, with the location of your choice,
click here to automatically generate the HTML code
you can copy and paste to your web page. You'll also be able to customize the background color, text color and/or title display.
To display the above image on your web site, with the location of your choice,
click here to automatically generate the HTML code
you can copy and paste to your web page. You'll also be able to customize the background color, text color and/or title display.
Weathercustom Weather Forecast For Your Websites
To display the above image on your web site, with the location of your choice,
click here to automatically generate the HTML code
you can copy and paste to your web page. You'll also be able to customize the background color, text color and/or title display.
Weathercustom Weather Forecast For Your Website Page
To display the above image on your web site, with the location of your choice,
click here to automatically generate the HTML code
you can copy and paste to your web page. You'll also be able to customize the background color, text color and/or title display.
To display the above image on your web site, with the location of your choice,
click here to automatically generate the HTML code
you can copy and paste to your web page. You'll also be able to customize the background color, text color and/or title display.
To display the above image on your web site, with the location of your choice,
click here to automatically generate the HTML code
you can copy and paste to your web page. You'll also be able to customize the background color, text color and/or title display.
To display the above image on your web site, with the location of your choice,
click here to automatically generate the HTML code
you can copy and paste to your web page. You'll also be able to customize the background color, text color and/or title display.