Free cut n paste weather images to add to your website Page 3.
You may freely use these images as long as the complete code stays intact. Altering the code will cause you to be in violation of United States and International copyright laws. If the images are not displayed on a public website, they may be in jeopardy of being disabled because we have no way of knowing if the complete code is being used properly. Finally, Weather WX reserves the right to disable any image it feels is being used inappropriately.
Ask us today about a customized weather page with a link to your site on it (Your Site weather forecast. Linkback to our site required).
These weather widgets are 100% free to use, free of adware, free of spyware and any other ware you can think of. Are WeatherWX.com weather widgets safe and secure? Okay, so you are not adding spyware, adware to my widgets. Why are they free?
Did you know that some free widgets are Spyware or worse? Our widgets follow strict privacy guidelines! They do not spy on your visitors... We have no interest in you or your visitor's web browsing habits. Please be careful of unknown coding that comes with most free widgets.
With three pages of weather widgets, you are bound to find something you like. We are always open to suggestions. Make a suggestion.
Use this form to update the images to a new location. We are currently limited to US and Canada locations. We are working on providing worldwide locations.
These images are transparent. They are high resolution. The 2 images above are the same image with a different width style. You can use them to make your own font size without much quality loss. In that part of the code where you see:
style="width: 150px;" for the size pictured. Make it smaller for a smaller font size. The height will automatically size proportionately.
Code for 24px white font
Code for 24px black font
Click here for 14px sized fonts.
Mostly all of these images have a metric conversion, this part "alt=hwitransparentcolors1" of the code is the image name. Put a "met" on the end of the image name to get the metric representation "alt=hwitransparentcolors1met". Please use the code above if you want white or black font on your widget. The image will look much better.
FF8000 = Orange
FF0000 = Red
808000 = Olive
800080 = Purple
008080 = Teal
FF00FF = Fuchsia
In that part of the code paste this:
style="border: 2px solid blue;" See illustration below. Change 2px to desired border width, change the color to the desired border color.
img style="border: 2px solid blue;" src="https:/...
|Configuring the image code to match your site. You can use a 6 digit hex number or a color name or a combination of either to configure the images to match the colors of your site. As well if you would like to style the border you can replace border="0" with border="1" or give it a border color style by replacing border="0" with style="border: 1px solid #FF0000" of course changing the FF0000 with whatever hex number color that you would like the border colored.|
|hwvbg=008000||Sets the header color and outline color|
|hwvtc=FFFFFF||Sets the place or city name color|
|hwvbg=green||Sets the header color and outline color|
|hwvtc=white||Sets the place or city name color|