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: Feb 2021 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: 874
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:	2476
Size:	68.7 KB
ID:	130953   Click image for larger version

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

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

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

Click image for larger version

Name:	countdowns.jpg
Views:	1241
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 07:27
vBulletin Forum Sideblocks Tinypic Uploader Forum SideBlock desi-boy vBulletin 4.x Add-ons 22 15 Oct 2015 11:49
vBulletin CMS Widgets IMDb Search Forum SideBlock desi-boy vBulletin 4.x Add-ons 8 19 Dec 2012 09:42
vBulletin Forum Sideblocks MegaUpload FileBOx Forum Sideblock desi-boy vBulletin 4.x Add-ons 9 15 Mar 2012 01:20
vBulletin Forum Sideblocks Imageshack Uploader Forum SideBlock desi-boy vBulletin 4.x Add-ons 3 22 Feb 2010 20:45

  #31  
Old 14 Jul 2011, 20:55
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Real name: Gemma
@sadaar

Can you PM me a link to your site?
__________________
Reply With Quote
  #32  
Old 15 Jul 2011, 15:17
keithyboy1 keithyboy1 is offline
 
Join Date: Nov 2010
very nice,thank you for this.worked first time no probs
Reply With Quote
  #33  
Old 15 Jul 2011, 17:48
weave weave is offline
 
Join Date: Jun 2011
Tried on a vanilla install and all I get is 00000 too.

Will mess with it more later
Reply With Quote
  #34  
Old 17 Jul 2011, 15:23
Gleedo Gleedo is offline
 
Join Date: Oct 2008
Very nice mod Gemma.

Is it possible to have more than one countdown in the forum sidebar? I tried creating two, and created another template 'block_countdown2' which my 2nd block is set to use in 'Template to Use', but only one of the countdowns works.

Any thoughts appreciated.
Reply With Quote
  #35  
Old 17 Jul 2011, 15:30
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Real name: Gemma
I've not tried but I think the scripts would clash. I'll have a play around later

edit: Not as difificult as I thought.

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

($('#countdown2').countDown({ and <div id="countdown2"> are used to call the second countdown).

Create a new forum block in the same way as before but make the template to use: block_countdown2
Attached Images
File Type: jpg countdown2.jpg (43.9 KB, 58 views)
__________________

Last edited by Gemma; 19 Jul 2011 at 21:07.
Reply With Quote
  #36  
Old 17 Jul 2011, 19:42
Macgiber's Avatar
Macgiber Macgiber is offline
 
Join Date: Apr 2009
Real name: Omar
oh the reason the reason is that zeros out only when editing the date the current staff oh oh forum member city.
__________________
vb4
vb5

I invite you want to know.
Reply With Quote
  #37  
Old 17 Jul 2011, 20:08
Gleedo Gleedo is offline
 
Join Date: Oct 2008
Originally Posted by Gemma View Post
edit: Not as difificult as I thought.
Thank you very much Gemma - great mod, great support
Reply With Quote
  #38  
Old 18 Jul 2011, 16:05
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Real name: Gemma
Originally Posted by Macgiber View Post
oh the reason the reason is that zeros out only when editing the date the current staff oh oh forum member city.
Sorry, that makes no sense to me
__________________
Reply With Quote
  #39  
Old 23 Jul 2011, 16:03
thetgc thetgc is offline
 
Join Date: Apr 2009
I cant seem to get this working either. Even after trying everything that has been posted
Reply With Quote
  #40  
Old 23 Jul 2011, 20:21
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Real name: Gemma
Sorry for the delay, was at work

Not really sure why it isn't working for some, only thing I can think of is a conflict somewhere. Try removing this from the block_countdown template and add it to your headinclude or footer (footer is my own preference)


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

If anyone wants to PM me a link to their site I'll have a look, it is hard to try find a solution because it has worked on every site I've installed it on
__________________
Reply With Quote
  #41  
Old 24 Jul 2011, 11:39
Hiks Hiks is offline
 
Join Date: Oct 2009
Installed and working a treat, 4.1.2 Thanks. http://www.baja-forum.co.uk/index.php
Reply With Quote
  #42  
Old 31 Jul 2011, 00:50
kylek kylek is offline
 
Join Date: Oct 2003
Real name: Kyle
Question on where to put the files.

For the sidebar countdown zip - do these go in forum root?

And the zip for the cms countdown - where should these go also?
Reply With Quote
  #43  
Old 31 Jul 2011, 00:55
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Real name: Gemma
Originally Posted by kylek View Post
Question on where to put the files.

For the sidebar countdown zip - do these go in forum root?

And the zip for the cms countdown - where should these go also?
Upload the countdown folder to your forum root.
__________________
Reply With Quote
  #44  
Old 31 Jul 2011, 04:21
kylek kylek is offline
 
Join Date: Oct 2003
Real name: Kyle
Thanks Gemma.

The cms countdown worked right away but the forum sidebar one has not been the same way.

Tried everything suggested in the posts and just got the countdown with all zeros.

Decided to try the second forum sidebar countdown, created it and it works, and the weird part is as soon as the second one started, it made the first one start to work also.

So only needing one I deleted the first one and kept the second and all is good.
Reply With Quote
  #45  
Old 02 Aug 2011, 23:08
MagicTallGuy MagicTallGuy is offline
 
Join Date: Jan 2010
Hi Gemma,
i have installed the modification and it works well

Small problem:
how do i make the widget appear on the main page of the CMS

thanks for the mod !
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 22:47.

Layout Options | Width: Wide Color: