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: Jun 2013 I like it Show Printable Version Email this Page

vB Version: 4.x.x Rating: (28 votes - 4.79 average) Installs: 136
Released: 12 Jul 2011 Last Update: 22 Oct 2011 Downloads: 726
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:	1999
Size:	68.7 KB
ID:	130953Click image for larger version

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

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

Name:	countdown2.jpg
Views:	884
Size:	43.9 KB
ID:	133714Click image for larger version

Name:	countdowns.jpg
Views:	940
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
Show Poll In Forum Sideblock Badshah93 vBulletin 4.x Add-ons 151 12 Jun 2013 12:54
IMDb Search Forum SideBlock desi-boy vBulletin 4.x Add-ons 8 19 Dec 2012 09:42
Tinypic Uploader Forum SideBlock desi-boy vBulletin 4.x Add-ons 18 22 Aug 2012 07:57
MegaUpload FileBOx Forum Sideblock desi-boy vBulletin 4.x Add-ons 9 15 Mar 2012 01:20
Imageshack Uploader Forum SideBlock desi-boy vBulletin 4.x Add-ons 3 22 Feb 2010 20:45

  #166  
Old 02 Jan 2012, 14:42
Poker Face Poker Face is offline
 
Join Date: Sep 2010
Originally Posted by Gemma View Post
What would you run a count up timer for?
To bring attention to Extended Delay(s) on matters of the upmost importance.
Reply With Quote
  #167  
Old 10 Jan 2012, 12:11
macrocamaleon macrocamaleon is offline
 
Join Date: Dec 2008
Working great on 4.1.9

Really thanks for share !!!!
Reply With Quote
  #168  
Old 11 Jan 2012, 20:58
piko piko is offline
 
Join Date: Nov 2006
Nice Mod

This mod is cool. Great work.

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

Note: If not work, change the settings of the countdown folder to CHMOD 775

The mod this is installed in foro.mediotiempo.com

Working on vB 4.1.9

Good bye.

Last edited by piko : 11 Jan 2012 at 21:04.
Reply With Quote
  #169  
Old 10 Feb 2012, 02:44
1320Nation 1320Nation is offline
 
Join Date: Sep 2008
Gemma, I sold my old site and built a new one. Could you please direct me to where I can find directions on adding a image to the countdown as well as a small youtube player.

And if you are able to do that, would you mind sending me a PM explaining how much time might be involved in turning this mod into a plugin with some added features. I have a on going need for the use of this mod and I may be interested in paying you to do the above mentioned. Thanks!
Reply With Quote
  #170  
Old 10 Feb 2012, 17:10
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Location: Scotland
Real name: Gemma
Originally Posted by psychobike View Post
Gemma, I sold my old site and built a new one. Could you please direct me to where I can find directions on adding a image to the countdown as well as a small youtube player.
After </script><div> you would want to add something like this


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

Originally Posted by psychobike View Post
And if you are able to do that, would you mind sending me a PM explaining how much time might be involved in turning this mod into a plugin with some added features. I have a on going need for the use of this mod and I may be interested in paying you to do the above mentioned. Thanks!
Sorry, this isn't something I'm looking at doing. On my old site I had 9 countdowns running and it would have been near impossible to use plugins to produce the effects I wanted. I think it gives great freedom as it is and that is why I have left it as template edits.

Also, I'm not long out of hospital and I'm not looking at doing any coding any time soon

However, anyone is free to use the code and make a plugin/product so you might have some luck by posting in the relevant request forums
__________________
No longer using vBulletin, running websites or involved with coding
Reply With Quote
  #171  
Old 11 Feb 2012, 00:23
cc10 cc10 is offline
 
Join Date: May 2011
Having a bit of a problem with this

when we had the sideblock it was right and counted down correctly, as you can see from the screenshot its now counting down wrong

any ideas as the code is set right as it should be, theres not 88days in a week for instance
Attached Images
File Type: jpg Untitled.jpg (41.8 KB, 19 views)
Reply With Quote
  #172  
Old 11 Feb 2012, 04:01
1320Nation 1320Nation is offline
 
Join Date: Sep 2008
Gemma, I appreciate your help. You have been great with the support you have given me each time I have needed it. I hope you are ok I saw where you mentioned of not being long out of the hospital. I installed the countdown using the instruction from reply #122 since I have VBAdvanced. However, in order to get it to work I had to search a lot to find the needed info. Changing the 1st line to read the 1.4.1 jquery.


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

Would there be any way to put all these necessary additions together? Like the image info you just provided for me.

Either way thanks for your help!
Reply With Quote
  #173  
Old 11 Feb 2012, 09:19
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Location: Scotland
Real name: Gemma
Originally Posted by cc10 View Post
Having a bit of a problem with this

when we had the sideblock it was right and counted down correctly, as you can see from the screenshot its now counting down wrong

any ideas as the code is set right as it should be, theres not 88days in a week for instance
Can you send me a link to your site so I can look at the code?

Originally Posted by psychobike View Post
Gemma, I appreciate your help. You have been great with the support you have given me each time I have needed it. I hope you are ok I saw where you mentioned of not being long out of the hospital. I installed the countdown using the instruction from reply #122 since I have VBAdvanced. However, in order to get it to work I had to search a lot to find the needed info. Changing the 1st line to read the 1.4.1 jquery.


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

Would there be any way to put all these necessary additions together? Like the image info you just provided for me.

Either way thanks for your help!
Sorry, I must have overlooked editing that post when I reverted back to using jquery-1.4.1
__________________
No longer using vBulletin, running websites or involved with coding
Reply With Quote
  #174  
Old 11 Feb 2012, 14:00
cc10 cc10 is offline
 
Join Date: May 2011
Originally Posted by Gemma View Post
Can you send me a link to your site so I can look at the code?
There you go gemma, thanks

http://www.thinkingcarptackle.co.uk/forum.php
Reply With Quote
  #175  
Old 11 Feb 2012, 14:14
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Location: Scotland
Real name: Gemma
Ok, you've got omitWeeks set as true.

Do you want to show the number of weeks or remove the weeks and just show it as days, hours, minutes and seconds?
__________________
No longer using vBulletin, running websites or involved with coding
Reply With Quote
  #176  
Old 11 Feb 2012, 15:18
cc10 cc10 is offline
 
Join Date: May 2011
Originally Posted by Gemma View Post
Ok, you've got omitWeeks set as true.

Do you want to show the number of weeks or remove the weeks and just show it as days, hours, minutes and seconds?
I would like it to show, weeks days hours mins secs.
Reply With Quote
  #177  
Old 11 Feb 2012, 15:33
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Location: Scotland
Real name: Gemma
Originally Posted by cc10 View Post
I would like it to show, weeks days hours mins secs.
Changing this part of the code omitWeeks: true to omitWeeks: false should fix your problem

For reference if you wanted to remove the weeks part entirely you would leave it set at true and then would need to replace this part of the code


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

With this


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

That would remove the WEEKS completely
__________________
No longer using vBulletin, running websites or involved with coding

Last edited by Gemma : 11 Feb 2012 at 15:41.
Reply With Quote
  #178  
Old 11 Feb 2012, 15:38
cc10 cc10 is offline
 
Join Date: May 2011
Originally Posted by Gemma View Post
Changing this part of the code omitWeeks: true to omitWeeks: false should fix your problem

Sorted, thanks gemma
Reply With Quote
  #179  
Old 14 Feb 2012, 11:24
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Location: Scotland
Real name: Gemma
Originally Posted by cc10 View Post
Sorted, thanks gemma
Your welcome
__________________
No longer using vBulletin, running websites or involved with coding
Reply With Quote
  #180  
Old 04 Mar 2012, 06:54
thecore762 thecore762 is offline
 
Join Date: Jul 2008
Is it possible to add a countdown clock in a forum post?
__________________
www.47r-squad.com BF3|CS:S|TF2|L4D2 Gaming community
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 01:58.

Layout Options | Width: Wide Color: