Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
YoWindow Weather Widget Details »»
YoWindow Weather Widget
Mod Version: 1.01, by Gemma (Coder/Designer) Gemma is offline
Developer Last Online: Oct 2014 I like it Show Printable Version Email this Page

vB Version: 4.x.x Rating: (5 votes - 5.00 average) Installs: 27
Released: 28 Jun 2011 Last Update: Never Downloads: 0
Not Supported Template Edits Re-usable Code External Content  

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

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)
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


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

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 &amp;. 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 - http://www.vbulletin.org/forum/showp...1&postcount=24

How To Add Weather Widget To Member Profiles
- http://www.vbulletin.org/forum/showp...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 - http://www.vbulletin.org/forum/showp...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.

Download Now

Only licensed members can download files, Click Here for more information.

Screenshots

Click image for larger version

Name:	weather1.jpg
Views:	415
Size:	239.2 KB
ID:	130491Click image for larger version

Name:	weather2.jpg
Views:	874
Size:	102.6 KB
ID:	130492Click image for larger version

Name:	weather3.jpg
Views:	260
Size:	52.9 KB
ID:	130493Click image for larger version

Name:	weather4.jpg
Views:	417
Size:	43.0 KB
ID:	130494Click image for larger version

Name:	Untitled-1.jpg
Views:	359
Size:	37.0 KB
ID:	136652Click image for larger version

Name:	weather.jpg
Views:	153
Size:	48.1 KB
ID:	143060

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • If you like this modification support the author by donating.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
[WIDGET] Weather Forecast cory_booth vBulletin 4.x Add-ons 10 18 Aug 2011 00:47

Comments
  #2  
Old 28 Jun 2011, 13:39
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Real name: Gemma
To make a CMS widget

1. Go to AdminCP > Styles & Templates > Style Manager > Add New Template

Title: vbcms_widget_weather


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Again replacing the XX with the number of your profile field. Save the template.

2. Go to AdminCP > vBulletin CMS > Widgets > Create New Widget

Type: Static HTML
Title: Weather Forecast

Save

3. Configure the newly created widget

Enter Static HTML: <div></div>
Template Name: vbcms_widget_weather

Save

4. Go to AdminCP > vBulletin CMS > Layout Manager and place the weather widget where you want it to appear on your CMS grid.
__________________


Last edited by Gemma : 30 Aug 2012 at 10:02.
Reply With Quote
  #3  
Old 28 Jun 2011, 15:58
Taurus1's Avatar
Taurus1 Taurus1 is offline
 
Join Date: Dec 2009
That is so cool! Thank you very much!
__________________
For custom designed Windows 7 Visual Styles/Themes, please visit CreativX!
Reply With Quote
  #4  
Old 28 Jun 2011, 18:25
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Real name: Gemma
Originally Posted by Taurus1 View Post
That is so cool! Thank you very much!
It is quite configurable too if you want to change the size, units, time, scenery image etc - just match up your new settings (embedded code) to the code I've given and remember to re-add the <vb:if condition="$bbuserinfo[fieldXX] !=''"> and {vb:raw bbuserinfo.fieldXX} bits.
__________________

Reply With Quote
  #5  
Old 29 Jun 2011, 11:47
zelnik zelnik is offline
 
Join Date: Aug 2008
Look great Gemma!!

Just to confirm what happens if there is no weather set in your profile field? what does it default to?
Reply With Quote
  #6  
Old 29 Jun 2011, 12:16
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Real name: Gemma
Originally Posted by zelnik View Post
Look great Gemma!!

Just to confirm what happens if there is no weather set in your profile field? what does it default to?
If you haven't entered anything in the profile field or are a guest you will see whatever you edit this part of the template to say/display


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Or to make it not display at all replace the block_weather template with this


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

__________________


Last edited by Gemma : 30 Aug 2012 at 10:03.
Reply With Quote
  #7  
Old 29 Jun 2011, 12:21
zelnik zelnik is offline
 
Join Date: Aug 2008
Ah thanks, just trying it out now...

Looks great, shame the list is not very comprehensive for Spain, no Balearic islands and so on, hopefully they will add some
Reply With Quote
  #8  
Old 29 Jun 2011, 21:19
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Real name: Gemma
I've made a small edit to the block_weather code. I didn't realise I had left a part of my own location in the code and I've also set the miniLocation_bar to false.

To update just replace the block_template code
__________________

Reply With Quote
  #9  
Old 30 Jun 2011, 15:03
zelnik zelnik is offline
 
Join Date: Aug 2008
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?
Reply With Quote
  #10  
Old 30 Jun 2011, 15:09
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Real name: Gemma
I'll have a look and get back to you about the tab

But if you don't want it to show to those who don't enter anything in the profile field replace the block_template code with the code in this post
__________________


Last edited by Gemma : 30 Jun 2011 at 23:44.
Reply With Quote
  #11  
Old 03 Jul 2011, 18:20
8thos's Avatar
8thos 8thos is offline
 
Join Date: Aug 2010
Real name: DRE
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.
__________________
www.8thos.com
www.qapla.com
Reply With Quote
  #12  
Old 03 Jul 2011, 19:52
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Real name: Gemma
Originally Posted by zelnik View Post
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?
Originally Posted by Octavius. View Post
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 - http://www.vbulletin.org/forum/showp...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


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

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:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Plugin is Active: Yes
Attached Images
File Type: jpg profileblock.jpg (132.8 KB, 48 views)
File Type: jpg weather_noshow.jpg (63.4 KB, 33 views)
__________________


Last edited by Gemma : 30 Aug 2012 at 10:03.
Reply With Quote
  #13  
Old 03 Jul 2011, 20:09
8thos's Avatar
8thos 8thos is offline
 
Join Date: Aug 2010
Real name: DRE
You're so awesome it's ridiculous.
__________________
www.8thos.com
www.qapla.com
Reply With Quote
  #14  
Old 04 Jul 2011, 06:14
Taurus1's Avatar
Taurus1 Taurus1 is offline
 
Join Date: Dec 2009
That is brilliant! Thank you so much!!!
__________________
For custom designed Windows 7 Visual Styles/Themes, please visit CreativX!
Reply With Quote
  #15  
Old 17 Oct 2011, 14:29
spiritguide's Avatar
spiritguide spiritguide is offline
 
Join Date: Dec 2008
Is there one of these that will work on vbulletin forum 4.0? Please would love one
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
Forum Jump


New To Site? Need Help?

All times are GMT. The time now is 16:16.

Layout Options | Width: Wide Color: