Mini Mods - YoBroMoFo - Countdown Timer

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:

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:

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

Add AFTER:

<!--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...

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

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

[wampforum]

not simple enough for me it seems!
re installed and managed to get it working!! (hard been a noob sometimes!)

Is it possible to show this elsewhere then?

thanks

[PHILLYFAN]

alittle new to this.. i believe I did everything correctly however, it's no counting down this is all it says

seconds until Advance to Divisional Round

any reason y?

[TimberFloorAu]

That image doesnt exist Philly.

Did you edit the count.js as per step one ?

[PHILLYFAN]

I'm sure I did it wrong, so my early apologies... this is what i have. I was on the understanding to change the numbers, this is what I have

var month = '0'; // 1 through 12 or '*' within the next month, '0' for the current month
var day = '13'; // 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 = 9; // 0 through 23 for the hour of the day
var min = 59; // 0 through 59 for minutes after the hour
var tz = 10; // offset in hours from UCT to your timezone
var lab = 'yobromofo-countdown-timer'; // id of the entry on the page where the counter is to be inserted

function start() {displayCountdown(setCountdown(month,day,hour,min, tz),lab);}
loaded(lab,start);

[mmacrypt]

I have it installed on my test page and link the image for the guys on the site to take a look at. If they like the feel, I'm going to install it. Would be nice if the edits were a tad easier but I do like it.

[PHILLYFAN]

Originally Posted by PHILLYFAN

I'm sure I did it wrong, so my early apologies... this is what i have. I was on the understanding to change the numbers, this is what I have

any help please?

[TimberFloorAu]

That IMAGE still does not exist for us to check.


Ahhh or is that your signature ?

OK You need to be SPECIFIC mate

[mmacrypt]

Ok, have it installed and working. Thank you. I went ahead and changed it so it upper left on our site. If people want to see it working, feel free to look at http://mmacrypt.com/forum/forum.php, I hope that's ok that I sent a link.

[PHILLYFAN]

Here is what my js file currently says.

var month = '0'; // 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 = 11; // 0 through 23 for the hour of the day
var min = 11; // 0 through 59 for minutes after the hour
var tz = 10; // offset in hours from UTC to your timezone
var lab = 'yobromofo-countdown-timer'; // id of the entry on the page where the counter is to be inserted

function start() {displayCountdown(setCountdown(month,day,hour,min, tz),lab);}
loaded(lab,start);

First line - First like I added a "0" cause it says 0=current month.
Second line - left alone
Third line - left alone
4th and 5th line For hour and min i change to 11. I just added a number to see if it worked.
6th line - not sure what this is ???? offset hours?
7th line - not sure what this is.

I uploaded the js to my forum root ( forum/js)
I made the edit changes like it said.

all it says in the upper right corner is -- # seconds until Off Season Starts

[PHILLYFAN]

Originally Posted by mmacrypt

Ok, have it installed and working. Thank you. I went ahead and changed it so it upper left on our site. If people want to see it working, feel free to look at http://mmacrypt.com/forum/forum.php, I hope that's ok that I sent a link.

how did u get it to move to the left corner? Also how did u add color to the timer?
thanks