Thread: vBulletin Forum Sideblocks - Countdown (Forum, Sideblock, vBa CMPS, Multiple Countdowns)
View Single Post
  #245  
Old 05-09-2013, 04:50 PM
fxdigi-cash fxdigi-cash is offline
 
Join Date: Jul 2012
Posts: 674
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Ok, there is a big update in here I made since I spent last 2 hours trying to add things up to this mod. You need to be aware that there are many errors in the code so I decided to post the one I fixed " no errors at all":

first, you need to insert the following links on top of the forumhome "if you want them to to be used on "forumhome" and in "header" if you want them to be used on every page:

Code:
<link rel="Stylesheet" type="text/css" href="countdown/style/main.css"></link>
<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>
always make sure to add css files before js files since the opposite way cause heavy load on page when refreshed or reloaded...

here is the code for the forumhome fixed containing 6 blocks as the coder posted on his original thread:

Code:
<div id="wgo" class="collapse wgo_block block"><center><h2 class="blocksubhead">block title</h2></center>
        <div class="blockbody formcontrols floatcontainer">
<center><table style="text-align:center">
<tr><td class="blocksubhead" align="{vb:stylevar.left}" valign="top">

  <div class="block smaller">
    <div class="widget_content blockbody floatcontainer">
       <div id="block_html_{vb:raw blockinfo.blockid}" class="blockrow">
       	  <div style="text-align:center">
			<img src="LINK TO YOUR IMAGE" alt="IMAGE TITLE" width="150" height="63" /><br/><br/>
				<span class="digit"><b><a href="OPTIONAL URL LINK">COUNTDOWN TITLE</a></b></span><br/><br/></div>
        			<div id="countdown1">
           		     	<div class="dash first 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>
</div>
</div>
        </div>
    
    <div class="underblock"></div>
</td>
<td class="blocksubhead" align="{vb:stylevar.left}" valign="top">
<div>
    <div class="block smaller">
        <div class="widget_content blockbody floatcontainer">
        <div id="block_html_{vb:raw blockinfo.blockid}" class="blockrow">

<div style="text-align:center">
<img src="LINK TO YOUR IMAGE" alt="IMAGE TITLE" width="150" height="63" /><br/><br/>
<span class="digit"><b><a href="OPTIONAL URL LINK">COUNTDOWN TITLE</a></b></span><br/><br/></div>
        
        <div id="countdown2">
            <div class="dash first 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>
</div>
</div>
        </div>
    </div>
    <div class="underblock"></div>
</td>
<td class="blocksubhead" align="{vb:stylevar.left}" valign="top">

<div>
    <div class="block smaller">
        <div class="widget_content blockbody floatcontainer">
        <div id="block_html_{vb:raw blockinfo.blockid}" class="blockrow">

<div style="text-align:center">
<img src="LINK TO YOUR IMAGE" alt="IMAGE TITLE" width="150" height="63" /><br/><br/>
<span class="digit"><b><a href="OPTIONAL URL LINK">COUNTDOWN TITLE</a></b></span><br/><br/></div>
        
        <div id="countdown3">
            <div class="dash first 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>
</div>
</div>
        </div>
    </div>
    <div class="underblock"></div>

</td></tr></table></center>
<center><table style="text-align:center">
<tr>
<td class="blocksubhead" align="{vb:stylevar.left}" valign="top">
<div>
    <div class="block smaller">
        <div class="widget_content blockbody floatcontainer">
        <div id="block_html_{vb:raw blockinfo.blockid}" class="blockrow">

<div style="text-align:center">
<img src="LINK TO YOUR IMAGE" alt="IMAGE TITLE" width="150" height="63" /><br/><br/>
<span class="digit"><b><a href="OPTIONAL URL LINK">COUNTDOWN TITLE</a></b></span><br/><br/></div>
        
        <div id="countdown4">
            <div class="dash first 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>
</div>
</div>
        </div>
    </div>
    <div class="underblock"></div>
</td>
<td class="blocksubhead" align="{vb:stylevar.left}" valign="top">
<div>
    <div class="block smaller">
        <div class="widget_content blockbody floatcontainer">
        <div id="block_html_{vb:raw blockinfo.blockid}" class="blockrow">

<div style="text-align:center">
<img src="LINK TO YOUR IMAGE" alt="IMAGE TITLE" width="150" height="63" /><br/><br/>
<span class="digit"><b><a href="OPTIONAL URL LINK">COUNTDOWN TITLE</a></b></span><br/><br/></div>
        
        <div id="countdown5">
            <div class="dash first 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>
</div>
</div>
        </div>
    </div>
    <div class="underblock"></div>

</td>
<td class="blocksubhead" align="{vb:stylevar.left}" valign="top">

    <div class="block smaller">
        <div class="widget_content blockbody floatcontainer">
        <div id="block_html_{vb:raw blockinfo.blockid}" class="blockrow">

<div style="text-align:center"><img src="LINK TO YOUR IMAGE" alt="IMAGE TITLE" width="150" height="63" /><br/><br/>
<span class="digit">
         <b><a href="OPTIONAL URL LINK">COUNTDOWN TITLE</a></b></span><br/><br/>
         	</div>
        <div id="countdown6">
            <div class="dash first 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>
    </div>
	</div>
	</div>
    <div class="underblock"></div>

</td></tr></table></center></div></div>
And here is the java codes separated from the original code, you need to copy and paste them just above the html code above:

Code:
<script type="text/javascript">
$(document).ready(function() {
  $('#countdown1').countDown({
        targetDate: {
            'day':      00,
            'month':    00,
            'year':     0000,
            'hour':     00,
            'min':      00,
            'sec':      00
           },
        omitWeeks: true
                 });
});
</script>
<script type="text/javascript">
$(document).ready(function() {
  $('#countdown2').countDown({
        targetDate: {
            'day':      00,
            'month':    00,
            'year':     0000,
            'hour':     00,
            'min':      00,
            'sec':      00
           },
        omitWeeks: true
                 });
});
</script>
<script type="text/javascript">
$(document).ready(function() {
  $('#countdown3').countDown({
        targetDate: {
            'day':      00,
            'month':    00,
            'year':     0000,
            'hour':     00,
            'min':      00,
            'sec':      00
           },
        omitWeeks: true
                 });
});
</script>
<script type="text/javascript">
$(document).ready(function() {
  $('#countdown4').countDown({
        targetDate: {
            'day':      00,
            'month':    00,
            'year':     0000,
            'hour':     00,
            'min':      00,
            'sec':      00
           },
        omitWeeks: true
                 });
});
</script>
<script type="text/javascript">
$(document).ready(function() {
  $('#countdown5').countDown({
        targetDate: {
            'day':      00,
            'month':    00,
            'year':     0000,
            'hour':     00,
            'min':      00,
            'sec':      00
           },
        omitWeeks: true
                 });
});
</script>
<script type="text/javascript">
$(document).ready(function() {
  $('#countdown6').countDown({
        targetDate: {
            'day':      00,
            'month':    00,
            'year':     0000,
            'hour':     00,
            'min':      00,
            'sec':      00
           },
        omitWeeks: true
                 });
});
</script>
Last, but not least, you have the option to remove the css file in original post and add whatsoever inside that file to additional.css to reduce the page load and increase performance of the pages...

if you have any question about that, I will be passing by from time to time...

Cheers
Reply With Quote
 
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01281 seconds
  • Memory Usage 1,846KB
  • Queries Executed 11 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD_SHOWPOST
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (3)bbcode_code
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_box
  • (1)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (1)post_thanks_postbit_info
  • (1)postbit
  • (1)postbit_onlinestatus
  • (1)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • reputationlevel
  • showthread
Included Files:
  • ./showpost.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_postinfo_query
  • fetch_postinfo
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showpost_start
  • bbcode_fetch_tags
  • bbcode_create
  • postbit_factory
  • showpost_post
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • showpost_complete