[MOD] Jquery Countdown

[Stoker]

This way you can insert a nice countdown on your forum.
Screenshot:
Open styles/prosilver/template/overall_header.html
Find:

Code: Select all

<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>

After add:

Code: Select all

<script src="{ROOT_PATH}script/jquery-1.4.js" type="text/javascript"></script>
<script src="{ROOT_PATH}script/jquery.countdown.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
   //$("#time").countdown({date:"may 1, 2011"});
   $("#time").countdown({date:"may 12, 2012 23:26:28"});
   //$("#time").countdown({date:"april 15, 2011"});
});
</script>

Note this part: <script src="{ROOT_PATH}script/jquery-1.4.js" type="text/javascript"> You dont have to include it if you allready use jquery.

Open styles/prosilver/theme/colours.css
At the bottom add:

Code: Select all

p#time{
height:24px;
color:#c21017;
text-align: center;
font-size:2.8em;
}

p#time span{
display:inline;
color:#222222;
}

script.zip

Now you can use this HTML to insert the countdown in your template:

Code: Select all

<p id="time"></p>

[themission]

Code: Select all

<p id="time"></p>

Where exactly does this go ? dont understand

[Stoker]

Where you want it to appear.

[Terr0r]

is this MOD/Snippet this one

555.png

[Stoker]

Nopr

[Terr0r]

I don't see the screenshot can you fix the screenshot Stoker

[martin123456]

Might be wrong but at a guess its here portal.php

[Stoker]

Nope, that not it.
You can see them on the testpage: testpage.php

[martin123456]

ooohhh i like the + COUNTDOWN HEADER mr stoker

[themission]

yeah i do too, all i got when i tried was a gap where i put "<p id="time"></p>" and nothing else ? lol