The Arcive of Official vBulletin Modifications Site.

YoWindow Weather Widget · **Released**: 06-27-2011

What is it?
A simple template modification to bring the YoWindow Weather Widget to vB4

Quote:

Originally Posted by YoWindow Website

YoWindow weather widget works like your window - a landscape reflects the weather. You see weather picture, not just numbers. The widget designed to work on any website including Blogger, Wordpress and MySpace. Click the widget to enter full screen mode.

1. Firstly, you need to set up a new Profile Field. Choose Single-Line Text Box

Title: Weather Location Code
Description: (Whatever you want - here's what I use because the process might confuse some users)

Quote:

If you want to display the weather for your region/location on our index page - go to <a href="http://yowindow.com/weatherwidget.php">YoWindow Weather Widget</a> and fill in the details and generate your code. You now need the number that appears like the hightlight red text <b>location_id=gn:<i><font color="red">1234567</i></font>& - add that number in this box.

Required Field: No, but display at registration
Field Editable by User: Yes
Private Field: Yes
Field Searchable on Members List: No
Show on Members List: No
Display Page: Edit Profile

Take note of the newly created profile field number.

2. Next you need to create a new template. Go to AdminCP > Styles & Templates > Style Manager > Add New Template

Title: block_weather

Code:

<center><li>
    <div class="block smaller">
        <div class="blocksubhead">
            <a class="collapse" id="collapse_block_html_{vb:raw blockinfo.blockid}" href="{vb:raw relpath}#top"><img alt="" src="{vb:stylevar imgdir_button}/collapse_40b.png" id="collapseimg_html_{vb:raw blockinfo.blockid}"/></a>
            <span class="blocktitle">{vb:raw blockinfo.title}</span>
        </div>
        <div class="widget_content blockbody floatcontainer">
        <div id="block_html_{vb:raw blockinfo.blockid}" class="blockrow">
<vb:if condition="$bbuserinfo[fieldXX] !=''"> 
            <div style="width:230px; height:150px;">
    <object type="application/x-shockwave-flash" data="http://swf.yowindow.com/yowidget3.swf" width="220" height="150">
        <param name="movie" value="http://swf.yowindow.com/yowidget3.swf"/>
        <param name="allowfullscreen" value="true"/>
        <param name="wmode" value="opaque"/>
        <param name="bgcolor" value="#FFFFFF"/>
        <param name="flashvars" 
        value="location_id=gn:{vb:raw bbuserinfo.fieldXX}&amp;time_format=24&amp;us=metric&amp;background=#FFFFFF&amp;mini_locationBar=false&amp;copyright_bar=false"
    />
        <a href="http://yowindow.com/weatherwidget.php"
        style="width:220px;height:150px;display: block;text-indent: -50000px;font-size: 0px;background:#DDF url(http://yowindow.com/img/logo.png) no-repeat scroll 50% 50%;"
        >HTML weather</a>
    </object>
</div>
<div style="width: 220px; height: 15px; font-size: 14px; font-family: Arial,Helvetica,sans-serif;">
    <span style="float:left;"><a target="_top" href="http://yowindow.com?client=widget&amp;link=copyright" style="color: #2fa900; text-decoration:none;" title="Desktop weather">YoWindow.com</a></span>
    <span style="float:right; color:#888888;"><a href="http://yr.no" style="color: #2fa900; text-decoration:none;">yr.no</a></span>
</div>
<vb:else />
<br/><b>Add your <a href="{vb:raw vboptions.bburl}/profile.php?do=editprofile">Weather Location Code</A> to show your weather forecast in this block. <br/></b>   </vb:if>
        </div>
        </div>
    </div>
    <div class="underblock"></div>
</li></center>

Replace the XX (2 times) with the number of the profile field you created earlier.

3. Go to AdminCP > Forums & Moderators > Forum Blocks Manager > Add Block

Title: Weather Forecast
Content Type: HTML
Content: <div></div>
Template To Use: block_weather

Now, this part may prove tricky for some going by what I've seen in other weather widget modifications so I'll try and make it simple and add a few pictures, this process is also required to be done by your members to display their local forecast.

Go to http://yowindow.com/weatherwidget.php and fill in your details and generate the code. The only part of the code you need is the number after id=gn: and before &. Take note of that number and go to Edit Profile on your site, scroll down to the newly made Weather Code Location and blurb box and enter the number. Save your profile. Go back to your forum home and the new block should display with your weather details for the next 5 days. Click on the scenery image and it will expand to full-screen and give a more detailed outlook.

How To Add Location Scenery (village, seaside, airport or oriental) To Your Weather Widget - https://vborg.vbsupport.ru/showpost....1&postcount=24

How To Add Weather Widget To Member Profiles - https://vborg.vbsupport.ru/showpost....4&postcount=18

Added: 28.12.2012 An alternative version that uses IP location to display the weather rather than creating and entering data into a profile field can be found here - https://vborg.vbsupport.ru/showpost....8&postcount=36. It also allows the user to display weather forecasts from many other locations via dropdown menus.

If anyone wants to further develop any of my addons, you are free to do so.

8thos · #12 07-03-2011, 04:20 PM

Hey Gemma, I didn't initially read the whole thread, I just started installing it because it seemed awesome...

...until I realized it required Forum Block Sidebar. :sad:

How can I adapt this so that members can put it in their profile? That's what I initially thought this was. I don't use forum sidebar on my site because members complain it slows down their browser.

Gemma · #13 07-03-2011, 05:52 PM

Quote:

Originally Posted by zelnik

Hey Gemma,

Do you know how difficult it would be to add this to a 'weather' tab on a usersprofile instead of a sidebar block? Only thinking as then you don't have an empty block for those who do not want to use it or slowing down loading speeds every time the page is loaded?

Quote:

Originally Posted by Octavius.

Hey Gemma, I didn't initially read the whole thread, I just started installing it because it seemed awesome...

...until I realized it required Forum Block Sidebar. :sad:

How can I adapt this so that members can put it in their profile? That's what I initially thought this was. I don't use forum sidebar on my site because members complain it slows down their browser.

THIS CODE HAS BEEN UPDATED IN THIS POST - https://vborg.vbsupport.ru/showpost....4&postcount=18

There is probably a lot simpler way to do this - I've never created a profile block before.

1. Create your profile field as normal.

2. Then create a new template called weather_aboutme

Code:

<div>
  <div>
    <h5 class="blocksubhead smaller">My Weather</h5>
      <div class="blockbody">
        <div class="blockrow">
          <div class="meta">
             <li>
<vb:if condition="$bbuserinfo[fieldXX] !=''"> 
            <div style="width:230px; height:150px;">
    <object type="application/x-shockwave-flash" data="http://swf.yowindow.com/yowidget3.swf" width="220" height="150">
        <param name="movie" value="http://swf.yowindow.com/yowidget3.swf"/>
        <param name="allowfullscreen" value="true"/>
        <param name="wmode" value="opaque"/>
        <param name="bgcolor" value="#FFFFFF"/>
        <param name="flashvars" 
        value="location_id=gn:{vb:raw bbuserinfo.fieldXX}&amp;time_format=24&amp;us=metric&amp;background=#FFFFFF&amp;mini_locationBar=false&amp;copyright_bar=false"
    />
        <a href="http://yowindow.com/weatherwidget.php"
        style="width:220px;height:150px;display: block;text-indent: -50000px;font-size: 0px;background:#DDF url(http://yowindow.com/img/logo.png) no-repeat scroll 50% 50%;"
        >HTML weather</a>
    </object>
</div>
<div style="width: 220px; height: 15px; font-size: 14px; font-family: Arial,Helvetica,sans-serif;">
    <span style="float:left;"><a target="_top" href="http://yowindow.com?client=widget&amp;link=copyright" style="color: #2fa900; text-decoration:none;" title="Desktop weather">YoWindow.com</a></span>
    <span style="float:right; color:#888888;"><a href="http://yr.no" style="color: #2fa900; text-decoration:none;">yr.no</a></span>
</div><br/><div>Click the image for expanded forecast.</div>
<vb:else />
<br/><b>Add your <a href="{vb:raw vboptions.bburl}/profile.php?do=editprofile">Weather Location Code</A> to show your weather forecast in this block.<br/><br/></b>   </vb:if>
        </div>
      </div>
    </div> 
  </div>
</div>
<div class="underblock"></div>

Remember to change the 2 instances of XX to correspond with the profile field you just created. Save the template.

3. In your AdminCP, go to Plugins & Products > Add New Plugin

Product: vBulletin
Hook Location: member_build_blocks_start
Title: Show Weather In Profile
Execution Order: 5
Plugin PHP Code:

Code:

{
  $weather_aboutme_templater = vB_Template::create('weather_aboutme');
  $weather_aboutme_templater->register('weather_aboutme', $weather_aboutme);
  $template_hook['profile_sidebar_stats'] .= $weather_aboutme_templater->render();
}

Plugin is Active: Yes

8thos · #14 07-03-2011, 06:09 PM

You're so awesome it's ridiculous.

Taurus1 · #15 07-04-2011, 04:14 AM

That is brilliant! Thank you so much!!!

spiritguide · #16 10-17-2011, 12:29 PM

Is there one of these that will work on vbulletin forum 4.0? Please would love one

Gemma · #17 10-26-2011, 04:41 PM

Quote:

Originally Posted by spiritguide

Is there one of these that will work on vbulletin forum 4.0? Please would love one

Yes it works on vB4

espkaruna · #18 10-31-2011, 02:46 PM

This might be asking for too much, but . . doesn't hurt to try.

I like the idea of adding this widget as a box in the member profile. I went through this post and followed the instructions and it works . . . but . . . I notice that no matter which user profile I am viewing on the forums, it still loads my personalized YoWindow on the page. Is there anyway to make this only display on your personal profile page? and better yet, allow you to view the forecast for other users if you browse their profile?

Gemma · #19 10-31-2011, 03:40 PM

Quote:

Originally Posted by espkaruna

This might be asking for too much, but . . doesn't hurt to try.

I like the idea of adding this widget as a box in the member profile. I went through this post and followed the instructions and it works . . . but . . . I notice that no matter which user profile I am viewing on the forums, it still loads my personalized YoWindow on the page. Is there anyway to make this only display on your personal profile page? and better yet, allow you to view the forecast for other users if you browse their profile?

Ok, try this.

In your MEMBERINFO template find:

Code:

{vb:raw template_hook.profile_sidebar_stats}

Above that put this

Code:

<!---Weather Profile Block--->
<vb:if condition="$userinfo['fieldXX']">
<div>
  <div>
    <h5 class="blocksubhead smaller">{vb:raw userinfo.username}'s Weather</h5>
      <div class="blockbody">
        <div class="blockrow">
          <div class="meta">
             <li>
            <div style="width:230px; height:150px;">
    <object type="application/x-shockwave-flash" data="http://swf.yowindow.com/yowidget3.swf" width="220" height="150">
        <param name="movie" value="http://swf.yowindow.com/yowidget3.swf"/>
        <param name="allowfullscreen" value="true"/>
        <param name="wmode" value="opaque"/>
        <param name="bgcolor" value="#FFFFFF"/>
        <param name="flashvars" 
        value="location_id=gn:{vb:raw userinfo.fieldXX}&amp;time_format=24&amp;us=metric&amp;background=#FFFFFF&amp;mini_locationBar=false&amp;copyright_bar=false"
    />
        <a href="http://yowindow.com/weatherwidget.php"
        style="width:220px;height:150px;display: block;text-indent: -50000px;font-size: 0px;background:#DDF url(http://yowindow.com/img/logo.png) no-repeat scroll 50% 50%;"
        >HTML weather</a>
    </object>
</div>
<div style="width: 220px; height: 15px; font-size: 14px; font-family: Arial,Helvetica,sans-serif;">
    <span style="float:left;"><a target="_top" href="http://yowindow.com?client=widget&amp;link=copyright" style="color: #2fa900; font-weight:bold; text-decoration:none;" title="HTML weather">YoWindow.com</a></span>
    <span style="float:right; color:#888888;"><a href="http://yr.no" style="color: #2fa900; text-decoration:none;">yr.no</a></span>
</div><br/><div><center><b>Click the image for expanded forecast.</b></center></div>
        </div>
      </div>
    </div> 
  </div>
</div>
<div class="underblock"></div></vb:if>
<!---Weather Profile Block--->

Change both instances of fieldXX to correspond with the profile field you created.

No need for the plugin to be added from post#12, this will now show the weather for each member who has entered the profile data, if they haven't entered any data no block will appear....and when anyone else views the member's profile it will show the weather of the person whose profile you are viewing (if data entered). Also I've had to delete the <vb:else /> part of the code - if I get time later I'll look into that.

espkaruna · #20 11-01-2011, 12:04 AM

That is exactly what I was looking for. Thank you Gemma

Krusty1231 · #21 02-23-2012, 06:54 AM

Working great! Thanks!

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.05250 seconds Memory Usage 2,382KB Queries Executed 26 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (5)bbcode_code (6)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (3)pagenav_pagelink (11)post_thanks_box (5)post_thanks_box_bit (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (3)post_thanks_postbit (11)post_thanks_postbit_info (10)postbit (8)postbit_attachment (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start fetch_musername post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end post_thanks_function_fetch_thanks_bit_start post_thanks_function_show_thanks_date_start post_thanks_function_show_thanks_date_end post_thanks_function_fetch_thanks_bit_end post_thanks_function_fetch_post_thanks_template_start post_thanks_function_fetch_post_thanks_template_end postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

3 благодарности(ей) от:
Macgiber, nacaruncr, WendM

Благодарность от:
8thos

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!