vb.org Archive
Page 7 of 7 « First 56 7
Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)
-   -   vBulletin Forum Sideblocks - Countdown (Forum, Sideblock, vBa CMPS, Multiple Countdowns) (https://vborg.vbsupport.ru/showthread.php?t=266689)

marccap 02-04-2013 06:53 PM
There is alot of coding around on this mod - Whats the final coding for example for 4.2 cms homepage widget

I get this - Image

fxdigi-cash 05-08-2013 07:42 AM
I love this mod! I was looking for it so long...

is it possible to add milliseconds as well to the timer??

Update1: I can see this css code many times in the original code so one is enough to be on top of all code:
Code:
<link rel="Stylesheet" type="text/css" href="countdown/style/main.css"></link>
Update2: works great on vb4.2.1. I just wish there is a way how to incorporate more auto features like start time, inserting rss to feed the code data filling the start time for example, how many blocks to hide and others to show... or adding more button to show the hidden blocks...

Thanks

DoumDoum5058 05-09-2013 01:11 PM
It's very good work
Works on VBulletin 4.2.1
Gemma, Thank you so much!

fxdigi-cash 05-09-2013 04:50 PM
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 :)

1320Nation 05-24-2013 08:32 AM
Hi Gemma...

I had to install this mod again after redoing vbadvance and I can't get the counter to come off the 00's. Do you see anything wrong here?

PHP 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':      31,
            'month':    05,
            'year':     2013,
            'hour':     09,
            'min':      00
           },
// onComplete function
        onComplete: function() { 
jq('#complete_info_message').slideDown(); 
}
    });
});
</script>
<div>
<img alt="" title="" src="URL TO YOUR IMAGE" width="150" height="225"><br/><br/>
<iframe width="240" height="160" src="http://www.youtube.com/embed/o7WtmOH4LFs" frameborder="0" allowfullscreen></iframe><br/><br/>
</div>
<div class="info_message" id="complete_info_message" style="display: none;">
                Countdown complete
            </div>
<img src="clear.gif" height="10" /><br />
        <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> 

kylek 05-25-2013 03:16 AM
I think its the missing comma after the 00

Try this:

PHP Code:
            'min':      00, 

1320Nation 05-25-2013 06:16 AM
Quote:
Originally Posted by kylek (Post 2424047)
I think its the missing comma after the 00

Try this:

PHP Code:
            'min':      00, 
Thanks for the help but there was no change.

fxdigi-cash 06-07-2013 09:22 AM
Quote:
Originally Posted by 1320Nation (Post 2424055)
Thanks for the help but there was no change.
it is your javascript has some issue...

try out the original one and you will see it is working...

if you want to add an extra feature to the java code, then it is better to test it on jsfiddle

Grimes 07-08-2013 06:47 PM
I really wanted to use this, but it made my browser run really slow. Is there something I can do to make it less of a resource hog? I only had one timer in the sidebar.

Stakerscorner 02-08-2015 04:34 PM
Is there a 3.8 version

I really like this widget but have VB3.8

concepts 02-09-2015 09:55 PM
Hello, using 4.2.2 I cannot place the Forumblock in the first position (as in the first viewed block on the left column) as it would knock every other block completely under my footer and stretched @100% instead of staying in the left position. Any idea what could be causing it, or how to fix it? (I would prefer an answer to the second) haha

SkepticalGaming 09-06-2015 08:07 PM
this is the best timer i can find, can someone tell me if it can be locked onto a specific timezone only. when i make an event everyone from every timezone sees the timer for their time ex: 6pm will be for everyone so an event at 6pm pst will show up as an event for 6pm est.

i want to start an event at 6pm pst so that means the timer will show 9pm for est. any help will be greatly appreciated.


All times are GMT. The time now is 06:29 AM.
Page 7 of 7 « First 56 7
Show 40 post(s) from this thread on one page

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01403 seconds
  • Memory Usage 1,879KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (4)bbcode_code_printable
  • (3)bbcode_php_printable
  • (2)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (2)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (12)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.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/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete