Quote:
Originally Posted by Gemma
I'll install vBAdvanced and have a look
|
This is based on your CMPS columns being set at 240px (if you change them to a wider or narrower setting you'll need to work out the css changes yourself)
Download the zip archive in the OP and upload the files. (don't change the file or folder structure)
AdminCP > vBa CMPS > Add Module
Add a new
Template Module
Give it a name and set it to active.
Template to include: adv_portal_countdown
Template Content:
Code:
<script language="Javascript" type="text/javascript" src="countdown/js/jquery-1.4.1.js"></script>
<script language="Javascript" type="text/javascript" src="countdown/js/jquery.lwtCountdown-1.0.js"></script>
<script language="Javascript" type="text/javascript" src="countdown/js/misc.js"></script>
<link rel="Stylesheet" type="text/css" href="countdown/style/main.css"></link>
<script type="text/javascript">
var jq=$.noConflict();
jq(document).ready(function() {
jq('#countdown').countDown({
targetDate: {
'day': 00,
'month': 00,
'year': 0000,
'hour': 00,
'min': 00,
'sec': 00,
}
});
});
</script>
<div>
<div id="countdown">
<div class="dash first weeks_dash">
<span class="dash_title">Weeks</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<div class="dash days_dash">
<span class="dash_title">Days</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<div class="dash hours_dash">
<span class="dash_title">Hrs</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<div class="dash minutes_dash">
<span class="dash_title">Mins</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<div class="dash seconds_dash">
<span class="dash_title">Secs</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
</div>
Set this part to activate the countdown
Code:
targetDate: {
'day': 00,
'month': 00,
'year': 0000,
'hour': 00,
'min': 00,
'sec': 00,
}
Set usergroup permissions. Save.
AdminCP > vBa CMPS > Edit Pages
Then add it to whatever page you want it to appear.