The Arcive of vBulletin Modifications Site.

YoBroMoFo - Countdown Timer · **Released**: 01-23-2010

YoBroMoFo - Countdown Timer

Takes 5 minutes to upload, and do 2 template edits. Please mark installed if you use, as

all of our modifications are totally free of charge and openly shared with the vbulletin

community.

Anyhoo - Let's Get started.

*************
STEP ONE
*************
Open count.js from the js folder

Change these lines below to match the event you are counting down to:

Code:

var month = '*'; // 1 through 12 or '*' within the next month, '0' for the current month
var day = '26';   // day of month or + day offset
var dow = 3;     // day of week sun=1 sat=7 or 0 for whatever day it falls on
var hour = 0;    // 0 through 23 for the hour of the day
var min = 0;    // 0 through 59 for minutes after the hour
var tz = 10;     // offset in hours from UTC to your timezone

Click save

Then upload the js folder to forum root. Path should be:
www.yoursite.com/forum/js

click merge if this folder exists

*************
STEP TWO
*************

goto admincp >> styles and templates >> your template >>

search for: header and open it

find:

Code:

<input type="hidden" name="vb_login_md5password_utf" />
            </form>    
        </vb:if>

Add AFTER:

Code:

<!--yobromofo.com countdown timer start-->
<li><span id="yobromofo-countdown-timer"></span> seconds <a 

href="http://www.yobromofo.com/forum/f3/the-australia-day-thread-17840/">until Australia 

Day</a></li>
<!--yobromofo.com countdown timer end-->

Change:
"http://www.yobromofo.com/forum/f3/the-australia-day-thread-17840/" to the forum thread

this countdown refers to. If you dont need a link, then change to...

Code:

<!--yobromofo.com countdown timer start-->
<li><span id="yobromofo-countdown-timer"></span> seconds until Australia Day</li>
<!--yobromofo.com countdown timer end-->

Change: until Australia Day to match your event name

Click SAVE

*************
STEP TWO ( final step )
*************

open headinclude

at very bottom add

Code:

<!--yobromofo.com countdown js file start-->
<script type="text/javascript" src="js/count.js">
</script>
<!--yobromofo.com countdown js file end-->

ensure the path is correct.

Click save.

You are DONE !

to change the event date etc. just edit the js file, reupload you are done.
to change the event title, change it in the header template.

Have fun.

Steve aka timberfloorau from YoBroMoFo.com British Expats Forum

VonDoom · #2 01-24-2010, 08:38 PM

Pretty cool tagged

TimberFloorAu · #3 01-24-2010, 08:39 PM

FMD Von you are on the ball today :up:

TimberFloorAu · #4 01-24-2010, 08:42 PM

You can remove hours and minutes quite easily and replace with :

Open the js file.

find:

Code:

= days+' days + '+hours+' hours '+mins+' minutes '

Change to:

Code:

= days+' days + '+hours+' : '+mins+' : '

Save and re-upload.

To get rid of seconds.

open header template:

find:

Code:

</span> seconds

Change to:

Code:

</span>

Click save and done.

Dr.osamA · #5 01-25-2010, 04:57 AM

gooood jop Man

thnxxx very much

installed + 5 stars
________
Uhwh Warehouse

TimberFloorAu · #6 01-25-2010, 05:07 AM

Thanks Dr.

It complies in FF and Chrome, but not in IE.

Hope it comes in useful. Ste

RedHacker · #7 01-25-2010, 05:10 AM

Is it possible to inside this in a widget....?

TimberFloorAu · #8 01-25-2010, 05:11 AM

Of course, but can you tell me what you would want it to look like ?

RedHacker · #9 01-25-2010, 05:13 AM

I would put it as a Widget to countdown to change the time.

etg 2011

TimberFloorAu · #10 01-25-2010, 05:32 AM

I dont have much to do with widgets, is this for forum or cms