Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 1 of 1
  1. #1
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,686
    Member #
    5580
    Liked
    716 times
    This will go into tutorials, but I wanted to post it here first.

    Someone needed to put a small weather radar image on their website, but didn't want any other text junk with it. So, they wanted the image from Accuweather:
    http://netweather.accuweather.com/ad...gnup-page1.asp

    Pick your city and the webpage embed script that has the radar image under the text.

    For me (in my city), that embed code looks like this:
    Code:
    <div style='width: 240px; height: 420px; background-image: url( http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/spring1_240x420_bg.jpg ); background-repeat: no-repeat; background-color: #607041;' ><div id='NetweatherContainer' style='height: 405px;' ><script src='http://netweather.accuweather.com/adcbin/netweather_v2/netweatherV2ex.asp?partner=netweather&tStyle=normal&logo=1&zipcode=55016&lang=eng&size=12&theme=spring1&metric=0&target=_self'></script></div><div style='text-align: center; font-family: arial, helvetica, verdana, sans-serif; font-size: 10px; line-height: 15px; color: #FDEA11;' ><a style='font-size: 10px; color: #FDEA11' href='http://www.accuweather.com/us/mn/cottage-grove/55016/city-weather-forecast.asp?partner=accuweather' >Weather Forecast</a> | <a style='color: #FDEA11' href='http://www.accuweather.com/maps-satellite.asp' >Weather Maps</a> | <a style='color: #FDEA11' href='http://www.accuweather.com/index-radar.asp?partner=accuweather&zipcode=55016' >Weather Radar</a></div></div>
    By manipulating the <div> styling, you can display only the radar image and "hide" everything else.

    So, that code above now looks like this:
    Code:
    <div style='width:240px; height:180px; border:1px solid #eee; overflow:hidden;' ><div id='NetweatherContainer' style='height:405px; position:relative; top:-228px;' ><script src='http://netweather.accuweather.com/adcbin/netweather_v2/netweatherV2ex.asp?partner=netweather&tStyle=whteYell&logo=1&zipcode=55016&lang=eng&size=12&theme=blue&metric=0&target=_self'></script></div></div>
    The web page now has only the radar image and takes the space of 240wide X 180high

    radar.png


    EDIT:
    And as always, this forum WDF has the very worst editor ever for making these posts.
    No wrapping for the code ... sorry. Ever since they (WDF) switched to this new forum
    software, it's been a nightmare for me. very sucky!


  2.  


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Search tags for this page

accuweather radar

,
embed accuweather radar
Click on a term to search for related topics.
All times are GMT -6. The time now is 01:50 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com