Quote:
Originally Posted by Taurus1
That unfortunately don't work for me Gemma. The widget just remains on 00. I was also trying to center in with <center></center> tags wrapped around it, but it wont center. Sorry for the trouble. And thank you so much for your help and effort!
|
vBulletin's CMS is a pile of poo! It really needs an overhaul. Try this (based on a sidebar of 300px)
Upload the contents of the attached zip, CHMOD the coutdown/js folder to 775
Create a new template called
vbcms_widget_countdown and copy this code
Code:
<div class="cms_widget">
<div class="block">
<div class="cms_widget_header">
<h3><img src="{vb:raw vboptions.bburl}/countdown/style/countdown.png" alt="" /> {vb:raw widget_title}</h3>
</div>
<div class="cms_widget_content_restore_widget_content">
<br/>
<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>
<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/countdown_cms.css"></link>
<script type="text/javascript">
jQuery(document).ready(function() {
$('#countdown').countDown({
targetDate: {
'day': 19,
'month': 7,
'year': 2011,
'hour': 23,
'min': 59,
'sec': 59,
'utc': true
}
});
});
</script>
</div></div>
Change the targetDate info and save the template.
Go to vBulletin CMS > Widgets > Create New Widget
Widget Type - Static HTML
Title - whatever
Save.
Configure the new widget
Enter Static HTML - <div></div>
Template Name - vbcms_widget_countdown
Save
Then go to Layout Manager and place the widget in the sidebar you want it to appear.
Clear the CMS Cache and Flush Cache on vBOptimise (if applicable)