Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Countdown (Forum, Sideblock, vBa CMPS, Multiple Countdowns) Details »
Countdown (Forum, Sideblock, vBa CMPS, Multiple Countdowns)
Mod Version: 1.0.4, by Gemma (Coder/Designer) Gemma is offline
Developer Last Online: Jul 2016 I like it Show Printable Version Email this Page

vB Version: 4.x.x Rating: (19 votes - 4.89 average) Installs: 146
Released: 12 Jul 2011 Last Update: 22 Oct 2011 Downloads: 867
Not Supported Template Edits Additional Files Re-usable Code  

Someone PM'd me last week asking for the code I use for my countdown sideblock. So here is the basic countdown (doesn't include the images/blurb that screenshots/demo show)

This countdown uses the users PC clock and calendar to count down to a time and date.

What is it?
A sideblock on your forum index to countdown to a specific date/event.

1. Upload the contents on the zip archive to your server. Keeping the file structure as is.

countdown/js/jquery-1.4.1.js
countdown/js/jquery.lwtCountdown-1.0.js
countdown/js/misc.js
countdown/style/main.css

Change the settings of the countdown/js folder to CHMOD 775

2. Go to AdminCP > Forums and Moderators > Forum Block Manager > Add Block

Title - Countdown
Description - whatever you want
Content Type - HTML
Content - <div></div>
Template to use - block_countdown

3. Go to AdminCP > Styles and Templates > Style Manager > Add New Template

Title - block_countdown

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

Change this part to set the countdown target date


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

Save the block.

4. Go to AdminCP > Style and Templates > Style Manager > StyleVars > forum_sidebar_width and change the width to atleast 270px

You can change the colour of the digits/text to suit your forum by changing references to #5C7099 in the main.css file

If you are using vBOptimise go to AdminCP > vBOptimise > Flush Cache

To have more than one countdown

Create a new template called block_countdown2


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

Set the targetDate data and save

For reference if making more blocks - (jq('#countdownX').countDown({ and <div id="countdownX"> are used to call additional countdowns).

Create a new forum block in the same way as before but make the template to use: block_countdown2

To Display on vB Advanced CMPS - http://www.vbulletin.org/forum/showp...&postcount=122

To show multiple countdowns on forumhome (screenshots) - http://www.vbulletin.org/forum/showp...&postcount=158

If you want to add images/videos etc to your countdown all you need to do is add some basic code to the template. Search for </script><div> and after that you would add something like.

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

If you are upgrading from a previous version, upload the contents of the zip file and replace the template(s) you are using (ie block_countdown, block_countdown2, adv_portal_countdown etc). Set the targetDate.

History
1.0.4 - Reverted back to using jquery-1.4.1.js
1.0.3 - Now using jquery-1.6.1.min.js and added noConflict to script
1.0.2 - Cleaned up code, added instructions to zip. Also instruction within thread on how to make CMS widget or have more than one countdown.

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:	sideblock.jpg
Views:	2456
Size:	68.7 KB
ID:	130953   Click image for larger version

Name:	arcade_count.jpg
Views:	1304
Size:	137.3 KB
ID:	133705   Click image for larger version

Name:	count.jpg
Views:	1022
Size:	70.8 KB
ID:	133706   Click image for larger version

Name:	countdown2.jpg
Views:	1160
Size:	43.9 KB
ID:	133714  

Click image for larger version

Name:	countdowns.jpg
Views:	1233
Size:	78.4 KB
ID:	133751  

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
vBulletin Forum Sideblocks Show Poll In Forum Sideblock Badshah93 vBulletin 4.x Add-ons 169 03 Apr 2017 08:27
vBulletin Forum Sideblocks Tinypic Uploader Forum SideBlock desi-boy vBulletin 4.x Add-ons 22 15 Oct 2015 12:49
vBulletin CMS Widgets IMDb Search Forum SideBlock desi-boy vBulletin 4.x Add-ons 8 19 Dec 2012 10:42
vBulletin Forum Sideblocks MegaUpload FileBOx Forum Sideblock desi-boy vBulletin 4.x Add-ons 9 15 Mar 2012 02:20
vBulletin Forum Sideblocks Imageshack Uploader Forum SideBlock desi-boy vBulletin 4.x Add-ons 3 22 Feb 2010 21:45

  #91  
Old 01 Oct 2011, 02:26
wally07 wally07 is offline
 
Join Date: Sep 2010
Originally Posted by Gemma View Post
Sorry, I haven't been able to make it timezone specific but this might be helpful, instead of using the targetDate command use targetOffset. So using the example code below, the countdown would be set to expire for everyone in 5 days, 4 minutes and 15 seconds (from when going live) - not sure if that would be helpful?
Thanks Gemma but that didn't work either. Every time you would load the page, the countdown would start back at 5 days, 4 minutes and 15 seconds.

Your countdown is just damn sexy not to use! The countdown timezone timers I found on Google are fugly. lol
Reply With Quote
  #92  
Old 01 Oct 2011, 15:54
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Real name: Gemma
I'll have a look when I get some free time during the week
__________________
Reply With Quote
  #93  
Old 01 Oct 2011, 20:38
aberg aberg is offline
 
Join Date: Jul 2004
Sorry but I'am stuck on the widget:

Configure the new widget
Enter Static HTML - <div></div>
Template Name - vbcms_widget_countdown
Save

Please do you have a example what I needed to do here?
Thank you!
Reply With Quote
  #94  
Old 04 Oct 2011, 21:23
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Real name: Gemma
Originally Posted by aberg View Post
Sorry but I'am stuck on the widget:

Configure the new widget
Enter Static HTML - <div></div>
Template Name - vbcms_widget_countdown
Save

Please do you have a example what I needed to do here?
Thank you!
AdminCP > vBulletin CMS > Widgets > Create New Widget (then fill in the details)

Widget Type - Static HTML
Title - Countdown CMS Widget
Description - blah blah

Save. Next click the configure option in your newly created Countdown CMS Widget.

In the Enter Static HTML code box put the following - <div></div>
In Template Name put - vbcms_widget_countdown

Save. Then click Clear the CMS Cache in the sidebar menu.
__________________
Reply With Quote
  #95  
Old 04 Oct 2011, 22:55
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Real name: Gemma
Originally Posted by wally07 View Post
Thanks Gemma but that didn't work either. Every time you would load the page, the countdown would start back at 5 days, 4 minutes and 15 seconds.

Your countdown is just damn sexy not to use! The countdown timezone timers I found on Google are fugly. lol
The only other thing I was able to come up with was setting the standard time as Universal Coordinated Time (UTC) which isn't much use either


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

__________________
Reply With Quote
  #96  
Old 07 Oct 2011, 08:03
GamersChallenge GamersChallenge is offline
 
Join Date: Aug 2011
how do I make a cms widget without the tittle?
Reply With Quote
  #97  
Old 07 Oct 2011, 09:12
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Real name: Gemma
Originally Posted by GamersChallenge View Post
how do I make a cms widget without the tittle?
Remove this part from the vbcms_widget_countdown template


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

Or, if you want the clock image but not the title just remove {vb:raw widget_title}
__________________
Reply With Quote
  #98  
Old 12 Oct 2011, 14:17
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Real name: Gemma
No real update, all I've done is added additional instructions on how to create a widget for the CMS and how to add more than one countdown to the OP.

Another thing that can be done using the code is creating more than one countdown on your forum index page (forumhome).

By creating a table, using the basic countdown code and calling countdownX, countdownY and countdownZ I've been able to create 3 separate countdowns. (see attached)

Live demo - http://www.forumbanter.com/forum/
Attached Images
File Type: jpg countdowns.jpg (78.4 KB, 20 views)
__________________
Reply With Quote
  #99  
Old 12 Oct 2011, 23:57
Trevor Matthews Trevor Matthews is offline
 
Join Date: Oct 2010
Hi

I just installed the mod and I thought it worked perfectly but then I realised all the widgets on the right side of the Home page had been moved to the left side of the screen.

Did I do something wrong or is this an issue with 4.1.7
Reply With Quote
  #100  
Old 13 Oct 2011, 00:06
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Real name: Gemma
Can you send me a link to your site please, also what did you install - the forumblock or CMS block?
__________________
Reply With Quote
  #101  
Old 13 Oct 2011, 01:00
Trevor Matthews Trevor Matthews is offline
 
Join Date: Oct 2010
Sorry, I installed the cms part and created a widget to go on the forum home page. I added it to the left of my three home page columns. All of the widgets that should be in the right side column are all displayed on the left

I deleted the widget but I could add it back in for a little while tomorrow if you wanted to see the problem.
Reply With Quote
  #102  
Old 13 Oct 2011, 01:04
Trevor Matthews Trevor Matthews is offline
 
Join Date: Oct 2010
The site is www.television-magazine-forum.co.uk
Reply With Quote
  #103  
Old 13 Oct 2011, 09:27
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Real name: Gemma
Originally Posted by Trevor Matthews View Post
Sorry, I installed the cms part and created a widget to go on the forum home page. I added it to the left of my three home page columns. All of the widgets that should be in the right side column are all displayed on the left

I deleted the widget but I could add it back in for a little while tomorrow if you wanted to see the problem.
Originally Posted by Trevor Matthews View Post
If you PM me when you've set the widget up again I'll have a look and have a better understanding. Or take a screenshot if that is easier.

Did you upload the contents of the sidebar_countdown1.0.2.zip too? (those files are required)
__________________
Reply With Quote
  #104  
Old 13 Oct 2011, 10:34
Trevor Matthews Trevor Matthews is offline
 
Join Date: Oct 2010
I actually did upload those but wasn't sure if I needed to.
All the files are in a folder called countdown.

I will try a screenshot for you.
Thanks.
Reply With Quote
  #105  
Old 13 Oct 2011, 12:31
wilburshere's Avatar
wilburshere wilburshere is offline
 
Join Date: May 2005
i like it installed both forum sidebar and cms widget very nice would like the widget smaller 240px but i can live with it
__________________
late nites and too much coffee :tired:
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

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 19:48.

Layout Options | Width: Wide Color: