[EN] Weatherforecast with User ZIP code (weather.com)

[GoldStarDad]

That is not a problem on your site! just relax, it has already been fixed. it was just a temp glitch on AccuWeather, mine did the same this morning and now it it fine. just control/refresh and see if it doesn't correct itself.

[DragonMaster]

LOL....good to know as it was making me nuts.

It was showing the default zip but not the logged on zip in most browsers and then in Safari it showed the logged on but not default. But then it worked for an hour and then stopped again.

I though the code was screwed so I spent a few hours messing with it til it drove me nuts and I went to bed.....

Now it is working PERFECTLY

Thanx for letting us know as this was making me worried it might have been a bug

[rudolfpietersma]

What I did is I took the main code for weather.html from DragonMaster, changed it a little to this.
The only thing I´m not getting is the bottom border, maybe somebody can help me with this?

Code: Select all

<div class="forabg">
       <div class="inner">
          <span class="corners-top"><span></span></span>
          <ul class="topiclist">
             <li class="header"><dl><dt>Weersvooruitzicht</dt></dl></li>
          </ul>
          <ul class="topiclist forums">
             <li><dl>
                <dd class="posts_portal"  style="border-left:0px">

<div style='width="100%; height: 90px;' background-color: #0F243A;' >
<script src='http://netweather.accuweather.com/adcbin/netweather_v2/netweatherV2.asp?partner=netweather&tStyle=dark2&logo=1&zipcode={WEATHER_ZIP}&lang=eng&size=10&theme=hurricane&metric=0&target=_self'></script></div>
<div style='text-align: center; font-family: arial, helvetica, verdana, sans-serif; font-size: 11px; line-height: 16px; color: #FDEA11;' ></div></div></div>
            </div>
                </dd>
             </dl></li>
          </ul>
          <span class="corners-bottom"><span></span></span>
       </div>
    </div>
    <br style="clear:both" />

Can anybody help me getting the html file to show the bottom border?

[Kevin]

Code: Select all

<div class="forabg">
       <div class="inner">
          <span class="corners-top"><span></span></span>
          <ul class="topiclist">
             <li class="header"><dl><dt>Weersvooruitzicht</dt></dl></li>
          </ul>
          <ul class="topiclist forums">
             <li><dl>
                <dd class="posts_portal"  style="border-left:0px">

<div style='width="100%; height: 90px;' background-color: #0F243A;' >
<script src='http://netweather.accuweather.com/adcbin/netweather_v2/netweatherV2.asp?partner=netweather&tStyle=dark2&logo=1&zipcode={WEATHER_ZIP}&lang=eng&size=10&theme=hurricane&metric=0&target=_self'></script></div>
<div style='text-align: center; font-family: arial, helvetica, verdana, sans-serif; font-size: 11px; line-height: 16px; color: #FDEA11;' ></div>

                </dd>
             </dl></li>
          </ul>
          <span class="corners-bottom"><span></span></span>
       </div>
    </div>
    <br style="clear:both" />

Try this.

[rudolfpietersma]

Code: Select all

<div class="forabg">
       <div class="inner">
          <span class="corners-top"><span></span></span>
          <ul class="topiclist">
             <li class="header"><dl><dt>Weersvooruitzicht</dt></dl></li>
          </ul>
          <ul class="topiclist forums">
             <li><dl>
                <dd class="posts_portal"  style="border-left:0px">

<div style='width="100%; height: 90px;' background-color: #0F243A;' >
<script src='http://netweather.accuweather.com/adcbin/netweather_v2/netweatherV2.asp?partner=netweather&tStyle=dark2&logo=1&zipcode={WEATHER_ZIP}&lang=eng&size=10&theme=hurricane&metric=0&target=_self'></script></div>
<div style='text-align: center; font-family: arial, helvetica, verdana, sans-serif; font-size: 11px; line-height: 16px; color: #FDEA11;' ></div>

                </dd>
             </dl></li>
          </ul>
          <span class="corners-bottom"><span></span></span>
       </div>
    </div>
    <br style="clear:both" />

Try this.

Great Kevin, that worked.
Another small question. The color of the text is white and yellow and hard to read. How can I change this?
I know it has forabg as div class, but I'm not able to change the colors. Little help here is also very appreciated!

http://prikbord.ilovebrasil.com/forum/portal.php

[rudolfpietersma]

I also would like to add the weahter.html to http://prikbord.ilovebrasil.com/forum/viewforum.php?f=1
So I added

<!-- INCLUDE portal/block/weather.html -->

to the bottom of viewforum_body.html

But now it has a default ZIP for "State Collega PA".
When I go back to the portal it has my own choosen and correct ZIP. (Emmen, Netherlands).

What am I doing wrong?

[rudolfpietersma]

But now it has a default ZIP for "State Collega PA".
When I go back to the portal it has my own choosen and correct ZIP. (Emmen, Netherlands).

What am I doing wrong?

Anybody any idea or suggestion?

[rudolfpietersma]

Another small question. The color of the text is white and yellow and hard to read. How can I change this?
I know it has forabg as div class, but I'm not able to change the colors. Little help here is also very appreciated!

http://prikbord.ilovebrasil.com/portal

Kevin or anybody,
Can you tell me how to change the text color?

Rudolf.

[rudolfpietersma]

Any tips or ideas to my last questions?

[DragonMaster]

When I got my code working, I found that they have several templates that are used. Each one is set to their specifications and could not be revised aside from using another entirely different template. And then none of them are adjustable either.

[Myaj]

Hi guys, really, REALLY stupid question here.

I'm using this Accuweather block set to a default location (I don't want users to be able to set their own as the website is for a specific location).

How can I get the block to be centered in my portal block, instead of aligned to the left? http://www.skmhta.com/forum/portal.php

I have tried a little of my limited html knowledge, including changing the width to 100%, but I can't get it.

My code:

Code: Select all

<div class="forabg">
   <div class="inner">
      <span class="corners-top"><span></span></span>
      <ul class="topiclist">
         <li class="header"><dl><dt>Local Weather for Palmyra, WI</dt></dl></li>
      </ul>
      <ul class="topiclist forums">
         <li><dl>
            <dd class="posts_portal"  style="border-left:0px">
				<div style='width: 435px; height: 90px; background-image: url( http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/green_435x90_bg.jpg ); background-repeat: no-repeat; background-color: #336633;' ><div style='height: 75px;' ><script src='http://netweather.accuweather.com/adcbin/netweather_v2/netweatherV2.asp?partner=netweather&tStyle=whteYell&logo=0&zipcode=53156&lang=eng&size=10&theme=green&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: #FFFFFF;' ><div style='float: left; padding-left: 5px;' ><a style='font-family: arial, helvetica, verdana, sans-serif; font-size: 10px; color: #FFFFFF' href='http://www.accuweather.com/index-forecast.asp?partner=accuweather&traveler=0&zipcode=16601' >Weather Forecast</a> | <a style='font-family: arial, helvetica, verdana, sans-serif; font-size: 10px; color: #FFFFFF' href='http://www.accuweather.com/maps-satellite.asp' >Weather Maps</a> | <a style='font-family: arial, helvetica, verdana, sans-serif; font-size: 10px; color: #FFFFFF' href='http://www.accuweather.com/index-radar.asp?partner=accuweather&traveler=0&zipcode=16601' >Weather Radar</a></div><div style='float: right;' ><img style='padding-right: 5px;' src='http://vortex.accuweather.com/adc2004/common/images/misc/netweather_v2/adcwhite.png' /></div><div style='clear: both;' /></div></div></div>
		 </dd>
         </dl></li>
      </ul>
      <span class="corners-bottom"><span></span></span>
   </div>
</div>
<br style="clear:both" />

Thanks so much I feel like an idiot with some of these questions

[Marc]

Maybe this helps: knowledge/kb_show.php?id=11

[Myaj]

Thanks but no.

I know how to put it in a center block, but I want it centered in the center block, not off to the left looking unbalanced.

[Marc]

Try this code for your block:

Code: Select all

    <div class="forabg">
       <div class="inner">
          <span class="corners-top"><span></span></span>
          <ul class="topiclist">
             <li class="header"><dl><dt>Local Weather for Palmyra, WI</dt></dl></li>
          </ul>
          <ul class="topiclist forums">
             <li><dl>
                <dd class="posts_portal"  style="border-left:0px">
                <div style='width: 435px; height: 90px; background-image: url( http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/green_435x90_bg.jpg ); background-repeat: no-repeat; background-color: #336633; margin: 0 auto;' ><div style='height: 75px;' ><script src='http://netweather.accuweather.com/adcbin/netweather_v2/netweatherV2.asp?partner=netweather&tStyle=whteYell&logo=0&zipcode=53156&lang=eng&size=10&theme=green&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: #FFFFFF;' ><div style='float: left; padding-left: 5px;' ><a style='font-family: arial, helvetica, verdana, sans-serif; font-size: 10px; color: #FFFFFF' href='http://www.accuweather.com/index-forecast.asp?partner=accuweather&traveler=0&zipcode=16601' >Weather Forecast</a> | <a style='font-family: arial, helvetica, verdana, sans-serif; font-size: 10px; color: #FFFFFF' href='http://www.accuweather.com/maps-satellite.asp' >Weather Maps</a> | <a style='font-family: arial, helvetica, verdana, sans-serif; font-size: 10px; color: #FFFFFF' href='http://www.accuweather.com/index-radar.asp?partner=accuweather&traveler=0&zipcode=16601' >Weather Radar</a></div><div style='float: right;' ><img style='padding-right: 5px;' src='http://vortex.accuweather.com/adc2004/common/images/misc/netweather_v2/adcwhite.png' /></div><div style='clear: both;' /></div></div></div>
           </dd>
             </dl></li>
          </ul>
          <span class="corners-bottom"><span></span></span>
       </div>
    </div>
    <br style="clear:both" />

[Myaj]

That looks the same (purged cache, refreshed theme), but thanks for trying. One of these day's I'll just have to learn how this works.