Free Weather Widgets Page 3 - WeatherWX.com

Terms of Use
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.

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: 210px;"
make it
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

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/tx/fulshear.html" target="_blank"><img style="width: 210px;" src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&place=fulshear&state=tx&country=us&config=png&alt=hwitransparentwlg&hwvbg=transparent" border="0" alt="Click for the latest Fulshear weather forecast."></a><!-- End WX Widget Code -->
Copy Code

Code for 24px black font

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/tx/fulshear.html" target="_blank"><img style="width: 210px;" src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&place=fulshear&state=tx&country=us&config=png&alt=hwitransparentblg&hwvbg=transparent" border="0" alt="Click for the latest Fulshear weather forecast."></a><!-- End WX Widget Code -->
Copy Code

24px size.

Click here for 13px sized fonts.
Click here for 14px sized fonts.

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/tx/fulshear.html" target="_blank"><img style="width: 210px;" src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&place=fulshear&state=tx&country=us&config=png&alt=hwitransparentcolors1&hwvbg=transparent&hwvtc=0000FF" border="0" alt="Click for the latest Fulshear weather forecast."></a><!-- End WX Widget Code -->
Copy Code

   24px Colored Fonts

Colors are determined by a hex color. This aspect "hwvtc=0000FF" of the code determines the color. We have included a handy color picker you can use. Dial up a color or type 0000FF into it. 0000FF = blue.
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.

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/tx/fulshear.html" target="_blank"><img style="width: 210px;" src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&place=fulshear&state=tx&country=us&config=png&alt=hwitransparentcolors1&hwvbg=transparent&hwvtc=0000FF" border="0" alt="Click for the latest Fulshear weather forecast."></a><!-- End WX Widget Code -->
Copy Code

   24px Colored Fonts

000080 = Navy
FF8000 = Orange
FF0000 = Red
808000 = Olive
800080 = Purple
008080 = Teal
FF00FF = Fuchsia

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/tx/fulshear.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&place=fulshear&state=tx&country=us&config=png&alt=hwizonenew" border="0" alt="Click for the latest Fulshear weather forecast."></a><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/tx/fulshear.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&pands=fulshear+tx&config=png&alt=hwivzone375" border="0" alt="Click for the latest Fulshear weather forecast."></a><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/tx/fulshear.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=hourly&pands=fulshear+tx&config=png&alt=hwicc175" border="0" alt="Click for the latest Fulshear weather forecast."></a><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/tx/fulshear.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&pands=fulshear+tx&config=png&alt=hwivzone375blue" border="0" alt="Click for the latest Fulshear weather forecast."></a><!-- End WX Widget Code -->
Copy Code

Add a border...
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:/...

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/tx/fulshear.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&pands=fulshear+tx&config=png&alt=hwivzone375yellow" border="0" alt="Click for the latest Fulshear weather forecast."></a><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/tx/fulshear.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&pands=fulshear+tx&config=png&alt=hwivzone375red" border="0" alt="Click for the latest Fulshear weather forecast."></a><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/tx/fulshear.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&pands=fulshear+tx&config=png&alt=hwivzone375green" border="0" alt="Click for the latest Fulshear weather forecast."></a><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/tx/fulshear.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&pands=fulshear+tx&config=png&alt=hwivzone375pink" border="0" alt="Click for the latest Fulshear weather forecast."></a><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/tx/fulshear.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=hourly&pands=fulshear+tx&config=png&alt=hwicc175blue" border="0" alt="Click for the latest Fulshear weather forecast."></a><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/tx/fulshear.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=hourly&pands=fulshear+tx&config=png&alt=hwicc175yellow" border="0" alt="Click for the latest Fulshear weather forecast."></a><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/tx/fulshear.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=hourly&pands=fulshear+tx&config=png&alt=hwicc175red" border="0" alt="Click for the latest Fulshear weather forecast."></a><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/tx/fulshear.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=hourly&pands=fulshear+tx&config=png&alt=hwicc175green" border="0" alt="Click for the latest Fulshear weather forecast."></a><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/tx/fulshear.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=hourly&pands=fulshear+tx&config=png&alt=hwicc175pink" border="0" alt="Click for the latest Fulshear weather forecast."></a><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/tx/fulshear.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=hourly&pands=fulshear+tx&config=png&alt=hwicbb" border="0" alt="Click for the latest Fulshear weather forecast."></a><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/tx/fulshear.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=hourly&pands=fulshear+tx&config=png&alt=hwicbbb&hwvbg=transparent&hwvtc=000000" border="0" alt="Click for the latest Fulshear weather forecast."></a><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/tx/fulshear.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=hourly&pands=fulshear+tx&config=png&alt=hwicc" border="0" alt="Click for the latest Fulshear weather forecast."></a><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/tx/fulshear.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=hourly&pands=fulshear+tx&config=png&alt=hwilozone" border="0" alt="Click for the latest Fulshear weather forecast."></a><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/tx/fulshear.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=hourly&pands=fulshear+tx&config=png&alt=hwilozoneyellow" border="0" alt="Click for the latest Fulshear weather forecast."></a><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/tx/fulshear.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=hourly&pands=fulshear+tx&config=png&alt=hwilozonered" border="0" alt="Click for the latest Fulshear weather forecast."></a><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/tx/fulshear.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=hourly&pands=fulshear+tx&config=png&alt=hwilozonegreen" border="0" alt="Click for the latest Fulshear weather forecast."></a><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/tx/fulshear.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=hourly&pands=fulshear+tx&config=png&alt=hwilozonepink" border="0" alt="Click for the latest Fulshear weather forecast."></a><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/tx/fulshear.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=hourly&pands=fulshear+tx&config=png&alt=hwiccc" border="0" alt="Click for the latest Fulshear weather forecast."></a><!-- End WX Widget Code -->
Copy Code

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/tx/fulshear.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&place=fulshear&state=tx&country=us&config=png&alt=hwivvvzone&hwvbg=blue&hwvtc=white" border="0" alt="Click for the latest Fulshear weather forecast."></a><!-- End WX Widget Code -->
Copy Code

If you want a bigger image change the width to like 150 pixels. These are picture fonts. If you increase the width to make the font bigger you may sacrifice a little quality but not much! Configuring directions below

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/tx/fulshear.html" target="_blank"><img src="https://www.weatherwx.com/fetch-images.php?forecast=hourly&pands=fulshear+tx&config=png&alt=hwixzone&hwvbg=green&hwvtc=white" border="0" alt="Click for the latest Fulshear weather forecast."></a><!-- End WX Widget Code -->
Copy Code

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

<!-- Start WX Widget Code --><a href="https://www.weatherwx.com/forecast/tx/fulshear.html" target="_blank"><img style="background-color: #FFFFFF;" src="https://www.weatherwx.com/fetch-images.php?forecast=zandh&place=fulshear&state=tx&country=us&config=png&alt=hwixzonefull&hwvbg=428bca&hwvtc=white" border="0" alt="Click for the latest Fulshear weather forecast."></a><!-- End WX Widget Code -->
Copy Code