PhpBB3 BBCodes

Database and Demo for phpBB3 BBCodes, Mods and Smilies
https://phpbb3bbcodes.com/

PhpBB Countdown MOD

https://phpbb3bbcodes.com/viewtopic.php?t=1595

Page 2 of 31

PhpBB3 Countdown MOD

Posted: 01 Dec 2011, 22:50
by Stoker
There are several other problems at your board, like you have the jquery cookie added 3 times.

PhpBB3 Countdown MOD

Posted: 01 Dec 2011, 22:58
by Terr0r
this is the part where state the jqueries in my overall_header

I have this that is NOT good and NOT working

Code: Select all

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

<!-- IF (S_TSRAT_ENABLE and S_TS_JSSCROLL) or (S_TSRAT_ENABLE and S_TS_TICKER) -->
<script src="{ROOT_PATH}script/jquery-1.7.min.js" type="text/javascript"></script>
<!-- IF S_TS_JSSCROLL and not S_TS_TICKER -->
<script src="{ROOT_PATH}script/jquery.totemticker.min.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
$(document).ready(function() {
	$('#vertical-ticker').totemticker({
				row_height	:	'41px',
				max_items   :   3,
				speed       :   {JSSCROLL_SPEED},
				interval    :   {JSSCROLL_INTERVAL},
				<!-- IF TS_JSSCROLL_NAVIGATION -->
				next		:	'#ticker-next',
				previous	:	'#ticker-previous',
				stop		:	'#stop',
				start		:	'#start',
				<!-- ENDIF -->
				mousestop	:	true,
				direction	:	'<!-- IF TS_JSSCROLL_DIRECTION -->down<!-- ELSE -->up<!-- ENDIF -->'
	});
});
// ]]>
</script>
<!-- ELSEIF S_TS_TICKER and not S_TS_JSSCROLL -->
<script src="{ROOT_PATH}script/jquery.newsticker.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
$(document).ready(function() {
	$("#news").newsTicker();
});
// ]]>
</script>
<!-- ENDIF -->
<!-- ENDIF -->

<!-- IF COUNTDOWN_ENABLE -->
<script src="{ROOT_PATH}script/jquery.min.js" type="text/javascript"></script>
<script src="{ROOT_PATH}js/jquery.jcountdown1.3.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
$(document).ready(function(){
	$("#time").countdown({
		date: "{COUNTDOWN_DATE}",
		onComplete: function( event ) {
		
			$(this).html("{COUNTDOWN_COMPLETE}");
		},
		leadingZero: true,
		htmlTemplate: "<span class='cd-time'>{COUNTDOWN_TEXT}</span>  %{d} <span class=\"cd-time\">{L_DAYS}</span> %{h} <span class=\"cd-time\">{L_HOURS}</span> %{m} <span class=\"cd-time\">{L_MINUTES}</span> %{s} <span class=\"cd-time\">{L_SECONDS}</span>",
		direction: "<!-- IF COUNTDOWN_DIRECTION -->down<!-- ELSE -->up<!-- ENDIF -->"
	});
});
// ]]>
</script>
<!-- ENDIF -->

    <script src="{ROOT_PATH}script/jquery-1.4.4.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function() {
        $(".imgfade").fadeIn(2000);
    });
    // ]]>
    </script>

<script type="text/javascript" src="{ROOT_PATH}highslide/highslide-full.js"></script>
<link href="{ROOT_PATH}highslide/highslide.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
// <![CDATA[
hs.graphicsDir = '{ROOT_PATH}highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
hs.dimmingOpacity = 0.75;

// Add the controlbar
hs.addSlideshow({
	//slideshowGroup: 'group1',
	interval: 5000,
	repeat: false,
	useControls: true,
	fixedControls: 'fit',
	overlayOptions: {
		opacity: 0.75,
		position: 'bottom center',
		hideOnMouseOut: true
	}
});
// ]]>
</script>

<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
	<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->

<!-- IF S_MCHAT_ENABLE and (S_MCHAT_ON_INDEX or U_MCHAT) -->
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery.titlealert.min.js"></script>
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery_cookie_mini.js"></script>
<!-- ENDIF -->

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

<!-- IF GUEST_HIDE_BBCODE_MOD -->
<link href="{T_THEME_PATH}/guest_hide_bbcode_mod.css" rel="stylesheet" type="text/css" />
<!-- ENDIF -->

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

        <script type="text/javascript">
            var GB_ROOT_DIR = "./greybox/";
        </script>

        <script type="text/javascript" src="greybox/AJS.js"></script>
        <script type="text/javascript" src="greybox/AJS_fx.js"></script>

        <script type="text/javascript" src="greybox/gb_scripts.js"></script>
        <link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" media="all" />

<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/jquery-blink.js"></script> 
<script type="text/javascript">
 
$(document).ready(function()
{
        $('.blink').blink(); // default is 500ms blink interval.
        //$('.blink').blink({delay:100}); // causes a 100ms blink interval.
});
 
</script>		

        <!-- image-bbcode-phpbb3-slider by Terr0r -->
        <link rel="stylesheet" href="image_bbcode_slider/image_bbcode_slider.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="image_bbcode_slider/themes/orman/orman.css" type="text/css" media="screen" />
        <script type="text/javascript">
        // <![CDATA[
        !window.jQuery && document.write('<script type="text\/javascript" src="http:\/\/code.jquery.com\/jquery-latest.min.js"><\/script>');
        // ]]>
        </script>
        <script src="image_bbcode_slider/jquery.image.bbcode.slider.pack.js" type="text/javascript"></script>
        <script type="text/javascript">
        // <![CDATA[
        $(window).load(function() {
            $('.slider').nivoSlider({
                effect:'random', // Specify sets like: 'fold,fade,sliceDown'   
                slices:15, // For slice animations
                boxCols: 8, // For box animations
                boxRows: 4, // For box animations
                animSpeed:400, // Slide transition speed
                pauseTime:3000, // How long each slide will show
                startSlide:0, // Set starting Slide (0 index)
                directionNav:true, // Next & Prev navigation
                directionNavHide:true, // Only show on hover
                controlNav:false, // 1,2,3... navigation
                controlNavThumbs:false, // Use thumbnails for Control Nav
                controlNavThumbsFromRel:false, // Use image rel for thumbs
                controlNavThumbsSearch: '.jpg', // Replace this with...
                controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
                keyboardNav:true, // Use left & right arrows
                pauseOnHover:true, // Stop animation while hovering
                manualAdvance:false, // Force manual transitions
                captionOpacity:0.8, // Universal caption opacity
                prevText: 'Prev', // Prev directionNav text
                nextText: 'Next' // Next directionNav text
            });
        });
        // ]]>
        </script>
        <!-- image-bbcode-phpbb3-slider by Terr0r -->		
		
</head>
So what must I do to get it all working so as mchat countdown clock so as here on the portal countdown MOD so as here on the index topstats enc enc whit jqueries in it

I think I must make it like this i'm right

If i'm not right whit jqueries must I delete or add to the overall_header to get it all working

Or what must I change to get it all working

Code: Select all

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

<!-- IF COUNTDOWN_ENABLE -->
<script type="text/javascript">
// <![CDATA[
$(document).ready(function(){
	$("#time").countdown({
		date: "{COUNTDOWN_DATE}",
		onComplete: function( event ) {
		
			$(this).html("{COUNTDOWN_COMPLETE}");
		},
		leadingZero: true,
		htmlTemplate: "<span class='cd-time'>{COUNTDOWN_TEXT}</span>  %{d} <span class=\"cd-time\">{L_DAYS}</span> %{h} <span class=\"cd-time\">{L_HOURS}</span> %{m} <span class=\"cd-time\">{L_MINUTES}</span> %{s} <span class=\"cd-time\">{L_SECONDS}</span>",
		direction: "<!-- IF COUNTDOWN_DIRECTION -->down<!-- ELSE -->up<!-- ENDIF -->"
	});
});
// ]]>
</script>
<!-- ENDIF -->

<!-- IF (S_TSRAT_ENABLE and S_TS_JSSCROLL) or (S_TSRAT_ENABLE and S_TS_TICKER) -->
<script src="{ROOT_PATH}script/jquery-1.7.min.js" type="text/javascript"></script>
<!-- IF S_TS_JSSCROLL and not S_TS_TICKER -->
<script src="{ROOT_PATH}script/jquery.totemticker.min.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
$(document).ready(function() {
	$('#vertical-ticker').totemticker({
				row_height	:	'41px',
				max_items   :   3,
				speed       :   {JSSCROLL_SPEED},
				interval    :   {JSSCROLL_INTERVAL},
				<!-- IF TS_JSSCROLL_NAVIGATION -->
				next		:	'#ticker-next',
				previous	:	'#ticker-previous',
				stop		:	'#stop',
				start		:	'#start',
				<!-- ENDIF -->
				mousestop	:	true,
				direction	:	'<!-- IF TS_JSSCROLL_DIRECTION -->down<!-- ELSE -->up<!-- ENDIF -->'
	});
});
// ]]>
</script>
<!-- ELSEIF S_TS_TICKER and not S_TS_JSSCROLL -->
<script src="{ROOT_PATH}script/jquery.newsticker.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
$(document).ready(function() {
	$("#news").newsTicker();
});
// ]]>
</script>
<!-- ENDIF -->
<!-- ENDIF -->

    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function() {
        $(".imgfade").fadeIn(2000);
    });
    // ]]>
    </script>

<script type="text/javascript" src="{ROOT_PATH}highslide/highslide-full.js"></script>
<link href="{ROOT_PATH}highslide/highslide.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
// <![CDATA[
hs.graphicsDir = '{ROOT_PATH}highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
hs.dimmingOpacity = 0.75;

// Add the controlbar
hs.addSlideshow({
	//slideshowGroup: 'group1',
	interval: 5000,
	repeat: false,
	useControls: true,
	fixedControls: 'fit',
	overlayOptions: {
		opacity: 0.75,
		position: 'bottom center',
		hideOnMouseOut: true
	}
});
// ]]>
</script>

<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
	<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->

<!-- IF S_MCHAT_ENABLE and (S_MCHAT_ON_INDEX or U_MCHAT) -->
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery.titlealert.min.js"></script>
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery_cookie_mini.js"></script>
<!-- ENDIF -->

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

<!-- IF GUEST_HIDE_BBCODE_MOD -->
<link href="{T_THEME_PATH}/guest_hide_bbcode_mod.css" rel="stylesheet" type="text/css" />
<!-- ENDIF -->

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

        <script type="text/javascript">
            var GB_ROOT_DIR = "./greybox/";
        </script>

        <script type="text/javascript" src="greybox/AJS.js"></script>
        <script type="text/javascript" src="greybox/AJS_fx.js"></script>

        <script type="text/javascript" src="greybox/gb_scripts.js"></script>
        <link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" media="all" />

<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/jquery-blink.js"></script> 
<script type="text/javascript">
 
$(document).ready(function()
{
        $('.blink').blink(); // default is 500ms blink interval.
        //$('.blink').blink({delay:100}); // causes a 100ms blink interval.
});
 
</script>		

        <!-- image-bbcode-phpbb3-slider by Terr0r -->
        <link rel="stylesheet" href="image_bbcode_slider/image_bbcode_slider.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="image_bbcode_slider/themes/orman/orman.css" type="text/css" media="screen" />
        <script type="text/javascript">
        // <![CDATA[
        !window.jQuery && document.write('<script type="text\/javascript" src="http:\/\/code.jquery.com\/jquery-latest.min.js"><\/script>');
        // ]]>
        </script>
        <script src="image_bbcode_slider/jquery.image.bbcode.slider.pack.js" type="text/javascript"></script>
        <script type="text/javascript">
        // <![CDATA[
        $(window).load(function() {
            $('.slider').nivoSlider({
                effect:'random', // Specify sets like: 'fold,fade,sliceDown'   
                slices:15, // For slice animations
                boxCols: 8, // For box animations
                boxRows: 4, // For box animations
                animSpeed:400, // Slide transition speed
                pauseTime:3000, // How long each slide will show
                startSlide:0, // Set starting Slide (0 index)
                directionNav:true, // Next & Prev navigation
                directionNavHide:true, // Only show on hover
                controlNav:false, // 1,2,3... navigation
                controlNavThumbs:false, // Use thumbnails for Control Nav
                controlNavThumbsFromRel:false, // Use image rel for thumbs
                controlNavThumbsSearch: '.jpg', // Replace this with...
                controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
                keyboardNav:true, // Use left & right arrows
                pauseOnHover:true, // Stop animation while hovering
                manualAdvance:false, // Force manual transitions
                captionOpacity:0.8, // Universal caption opacity
                prevText: 'Prev', // Prev directionNav text
                nextText: 'Next' // Next directionNav text
            });
        });
        // ]]>
        </script>
        <!-- image-bbcode-phpbb3-slider by Terr0r -->		
		
</head>
Greets Terr0r

PhpBB3 Countdown MOD

Posted: 01 Dec 2011, 23:03
by Stoker
Not perfect, but should work:

Code: Select all

<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>
<script src="{ROOT_PATH}script/jquery-1.7.min.js" type="text/javascript"></script>
<!-- IF (S_TSRAT_ENABLE and S_TS_JSSCROLL) or (S_TSRAT_ENABLE and S_TS_TICKER) -->
<!-- IF S_TS_JSSCROLL and not S_TS_TICKER -->
<script src="{ROOT_PATH}script/jquery.totemticker.min.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
$(document).ready(function() {
   $('#vertical-ticker').totemticker({
            row_height   :   '41px',
            max_items   :   3,
            speed       :   {JSSCROLL_SPEED},
            interval    :   {JSSCROLL_INTERVAL},
            <!-- IF TS_JSSCROLL_NAVIGATION -->
            next      :   '#ticker-next',
            previous   :   '#ticker-previous',
            stop      :   '#stop',
            start      :   '#start',
            <!-- ENDIF -->
            mousestop   :   true,
            direction   :   '<!-- IF TS_JSSCROLL_DIRECTION -->down<!-- ELSE -->up<!-- ENDIF -->'
   });
});
// ]]>
</script>
<!-- ELSEIF S_TS_TICKER and not S_TS_JSSCROLL -->
<script src="{ROOT_PATH}script/jquery.newsticker.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
$(document).ready(function() {
   $("#news").newsTicker();
});
// ]]>
</script>
<!-- ENDIF -->
<!-- ENDIF -->

<!-- IF COUNTDOWN_ENABLE -->
<script src="{ROOT_PATH}js/jquery.jcountdown1.3.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
$(document).ready(function(){
   $("#time").countdown({
      date: "{COUNTDOWN_DATE}",
      onComplete: function( event ) {
      
         $(this).html("{COUNTDOWN_COMPLETE}");
      },
      leadingZero: true,
      htmlTemplate: "<span class='cd-time'>{COUNTDOWN_TEXT}</span>  %{d} <span class=\"cd-time\">{L_DAYS}</span> %{h} <span class=\"cd-time\">{L_HOURS}</span> %{m} <span class=\"cd-time\">{L_MINUTES}</span> %{s} <span class=\"cd-time\">{L_SECONDS}</span>",
      direction: "<!-- IF COUNTDOWN_DIRECTION -->down<!-- ELSE -->up<!-- ENDIF -->"
   });
});
// ]]>
</script>
<!-- ENDIF -->

    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function() {
        $(".imgfade").fadeIn(2000);
    });
    // ]]>
    </script>

<script type="text/javascript" src="{ROOT_PATH}highslide/highslide-full.js"></script>
<link href="{ROOT_PATH}highslide/highslide.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
// <![CDATA[
hs.graphicsDir = '{ROOT_PATH}highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
hs.dimmingOpacity = 0.75;

// Add the controlbar
hs.addSlideshow({
   //slideshowGroup: 'group1',
   interval: 5000,
   repeat: false,
   useControls: true,
   fixedControls: 'fit',
   overlayOptions: {
      opacity: 0.75,
      position: 'bottom center',
      hideOnMouseOut: true
   }
});
// ]]>
</script>

<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
   <link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->

<!-- IF S_MCHAT_ENABLE and (S_MCHAT_ON_INDEX or U_MCHAT) -->
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery.titlealert.min.js"></script>
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery_cookie_mini.js"></script>
<!-- ENDIF -->

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

<!-- IF GUEST_HIDE_BBCODE_MOD -->
<link href="{T_THEME_PATH}/guest_hide_bbcode_mod.css" rel="stylesheet" type="text/css" />
<!-- ENDIF -->

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

        <script type="text/javascript">
            var GB_ROOT_DIR = "./greybox/";
        </script>

        <script type="text/javascript" src="greybox/AJS.js"></script>
        <script type="text/javascript" src="greybox/AJS_fx.js"></script>

        <script type="text/javascript" src="greybox/gb_scripts.js"></script>
        <link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" media="all" />

<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/jquery-blink.js"></script>
<script type="text/javascript">
 
$(document).ready(function()
{
        $('.blink').blink(); // default is 500ms blink interval.
        //$('.blink').blink({delay:100}); // causes a 100ms blink interval.
});
 
</script>      

        <!-- image-bbcode-phpbb3-slider by Terr0r -->
        <link rel="stylesheet" href="image_bbcode_slider/image_bbcode_slider.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="image_bbcode_slider/themes/orman/orman.css" type="text/css" media="screen" />
        <script src="image_bbcode_slider/jquery.image.bbcode.slider.pack.js" type="text/javascript"></script>
        <script type="text/javascript">
        // <![CDATA[
        $(window).load(function() {
            $('.slider').nivoSlider({
                effect:'random', // Specify sets like: 'fold,fade,sliceDown'   
                slices:15, // For slice animations
                boxCols: 8, // For box animations
                boxRows: 4, // For box animations
                animSpeed:400, // Slide transition speed
                pauseTime:3000, // How long each slide will show
                startSlide:0, // Set starting Slide (0 index)
                directionNav:true, // Next & Prev navigation
                directionNavHide:true, // Only show on hover
                controlNav:false, // 1,2,3... navigation
                controlNavThumbs:false, // Use thumbnails for Control Nav
                controlNavThumbsFromRel:false, // Use image rel for thumbs
                controlNavThumbsSearch: '.jpg', // Replace this with...
                controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
                keyboardNav:true, // Use left & right arrows
                pauseOnHover:true, // Stop animation while hovering
                manualAdvance:false, // Force manual transitions
                captionOpacity:0.8, // Universal caption opacity
                prevText: 'Prev', // Prev directionNav text
                nextText: 'Next' // Next directionNav text
            });
        });
        // ]]>
        </script>
        <!-- image-bbcode-phpbb3-slider by Terr0r -->      
      
</head>
REmember to refresh browser if it doesnt work.

PhpBB3 Countdown MOD

Posted: 01 Dec 2011, 23:16
by Terr0r
Okay thanks stoker and for the countdown clock on the portal I must just set this

Code: Select all

<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>
Afther this line

Code: Select all

<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>
Greets Terr0r

PhpBB3 Countdown MOD

Posted: 01 Dec 2011, 23:19
by Stoker
No. Set it below this: <script src="{ROOT_PATH}script/jquery-1.7.min.js" type="text/javascript"></script>

PhpBB3 Countdown MOD

Posted: 01 Dec 2011, 23:23
by Terr0r
Then get it something like this ? i'm right ?

Code: Select all

    <script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>
	
    <script src="{ROOT_PATH}script/jquery-1.7.min.js" type="text/javascript"></script>
    <!-- IF (S_TSRAT_ENABLE and S_TS_JSSCROLL) or (S_TSRAT_ENABLE and S_TS_TICKER) -->
    <!-- IF S_TS_JSSCROLL and not S_TS_TICKER -->
    <script src="{ROOT_PATH}script/jquery.totemticker.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function() {
       $('#vertical-ticker').totemticker({
                row_height   :   '41px',
                max_items   :   3,
                speed       :   {JSSCROLL_SPEED},
                interval    :   {JSSCROLL_INTERVAL},
                <!-- IF TS_JSSCROLL_NAVIGATION -->
                next      :   '#ticker-next',
                previous   :   '#ticker-previous',
                stop      :   '#stop',
                start      :   '#start',
                <!-- ENDIF -->
                mousestop   :   true,
                direction   :   '<!-- IF TS_JSSCROLL_DIRECTION -->down<!-- ELSE -->up<!-- ENDIF -->'
       });
    });
    // ]]>
    </script>
    <!-- ELSEIF S_TS_TICKER and not S_TS_JSSCROLL -->
    <script src="{ROOT_PATH}script/jquery.newsticker.js" type="text/javascript"></script>
    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function() {
       $("#news").newsTicker();
    });
    // ]]>
    </script>
    <!-- ENDIF -->
    <!-- ENDIF -->
	
    <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>
	
    <!-- IF COUNTDOWN_ENABLE -->
    <script src="{ROOT_PATH}js/jquery.jcountdown1.3.3.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function(){
       $("#time").countdown({
          date: "{COUNTDOWN_DATE}",
          onComplete: function( event ) {
         
             $(this).html("{COUNTDOWN_COMPLETE}");
          },
          leadingZero: true,
          htmlTemplate: "<span class='cd-time'>{COUNTDOWN_TEXT}</span>  %{d} <span class=\"cd-time\">{L_DAYS}</span> %{h} <span class=\"cd-time\">{L_HOURS}</span> %{m} <span class=\"cd-time\">{L_MINUTES}</span> %{s} <span class=\"cd-time\">{L_SECONDS}</span>",
          direction: "<!-- IF COUNTDOWN_DIRECTION -->down<!-- ELSE -->up<!-- ENDIF -->"
       });
    });
    // ]]>
    </script>
    <!-- ENDIF -->

        <script type="text/javascript">
        // <![CDATA[
        $(document).ready(function() {
            $(".imgfade").fadeIn(2000);
        });
        // ]]>
        </script>

    <script type="text/javascript" src="{ROOT_PATH}highslide/highslide-full.js"></script>
    <link href="{ROOT_PATH}highslide/highslide.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    // <![CDATA[
    hs.graphicsDir = '{ROOT_PATH}highslide/graphics/';
    hs.align = 'center';
    hs.transitions = ['expand', 'crossfade'];
    hs.outlineType = 'rounded-white';
    hs.fadeInOut = true;
    hs.dimmingOpacity = 0.75;

    // Add the controlbar
    hs.addSlideshow({
       //slideshowGroup: 'group1',
       interval: 5000,
       repeat: false,
       useControls: true,
       fixedControls: 'fit',
       overlayOptions: {
          opacity: 0.75,
          position: 'bottom center',
          hideOnMouseOut: true
       }
    });
    // ]]>
    </script>

    <link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
    <link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

    <link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
    <link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
    <link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />

    <!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
       <link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
    <!-- ENDIF -->

    <!-- IF S_MCHAT_ENABLE and (S_MCHAT_ON_INDEX or U_MCHAT) -->
    <script type="text/javascript" src="{ROOT_PATH}mchat/jquery.titlealert.min.js"></script>
    <script type="text/javascript" src="{ROOT_PATH}mchat/jquery_cookie_mini.js"></script>
    <!-- ENDIF -->

    <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

    <!-- IF GUEST_HIDE_BBCODE_MOD -->
    <link href="{T_THEME_PATH}/guest_hide_bbcode_mod.css" rel="stylesheet" type="text/css" />
    <!-- ENDIF -->

    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

            <script type="text/javascript">
                var GB_ROOT_DIR = "./greybox/";
            </script>

            <script type="text/javascript" src="greybox/AJS.js"></script>
            <script type="text/javascript" src="greybox/AJS_fx.js"></script>

            <script type="text/javascript" src="greybox/gb_scripts.js"></script>
            <link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" media="all" />

    <script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/jquery-blink.js"></script>
    <script type="text/javascript">
     
    $(document).ready(function()
    {
            $('.blink').blink(); // default is 500ms blink interval.
            //$('.blink').blink({delay:100}); // causes a 100ms blink interval.
    });
     
    </script>     

            <!-- image-bbcode-phpbb3-slider by Terr0r -->
            <link rel="stylesheet" href="image_bbcode_slider/image_bbcode_slider.css" type="text/css" media="screen" />
            <link rel="stylesheet" href="image_bbcode_slider/themes/orman/orman.css" type="text/css" media="screen" />
            <script src="image_bbcode_slider/jquery.image.bbcode.slider.pack.js" type="text/javascript"></script>
            <script type="text/javascript">
            // <![CDATA[
            $(window).load(function() {
                $('.slider').nivoSlider({
                    effect:'random', // Specify sets like: 'fold,fade,sliceDown'   
                    slices:15, // For slice animations
                    boxCols: 8, // For box animations
                    boxRows: 4, // For box animations
                    animSpeed:400, // Slide transition speed
                    pauseTime:3000, // How long each slide will show
                    startSlide:0, // Set starting Slide (0 index)
                    directionNav:true, // Next & Prev navigation
                    directionNavHide:true, // Only show on hover
                    controlNav:false, // 1,2,3... navigation
                    controlNavThumbs:false, // Use thumbnails for Control Nav
                    controlNavThumbsFromRel:false, // Use image rel for thumbs
                    controlNavThumbsSearch: '.jpg', // Replace this with...
                    controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
                    keyboardNav:true, // Use left & right arrows
                    pauseOnHover:true, // Stop animation while hovering
                    manualAdvance:false, // Force manual transitions
                    captionOpacity:0.8, // Universal caption opacity
                    prevText: 'Prev', // Prev directionNav text
                    nextText: 'Next' // Next directionNav text
                });
            });
            // ]]>
            </script>
            <!-- image-bbcode-phpbb3-slider by Terr0r -->     
         
    </head>
Greets Terr0r

PhpBB3 Countdown MOD

Posted: 01 Dec 2011, 23:49
by Stoker
yes, work?

PhpBB3 Countdown MOD

Posted: 02 Dec 2011, 00:07
by Terr0r
It seems as if everything works only the scrolling of the top stats is not working

The Mods/Snippets that are working

mChat
Image BBCode Slider (works good/not good)
Fading image

The Mods/Snippets that are NOT working

Top Stats
Countdown Snippet what you see here on the portal
phpBB3 Countdown MOD (not yet install on the moment)

The Mods/Snippets that I hve installed yet

mChat
Image BBCode Slider (works good/not good)
Fading image
Top Stats
Countdown Snippet what you see here on the portal

Here the link to the forum where I have install all the MODS/Snippets

I hope that it is possible to get it all working I hope so

Here the overall_header.html

Code: Select all

<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>
    <script src="{ROOT_PATH}script/jquery-1.7.min.js" type="text/javascript"></script>
    <!-- IF (S_TSRAT_ENABLE and S_TS_JSSCROLL) or (S_TSRAT_ENABLE and S_TS_TICKER) -->
    <!-- IF S_TS_JSSCROLL and not S_TS_TICKER -->
    <script src="{ROOT_PATH}script/jquery.totemticker.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function() {
       $('#vertical-ticker').totemticker({
                row_height   :   '41px',
                max_items   :   3,
                speed       :   {JSSCROLL_SPEED},
                interval    :   {JSSCROLL_INTERVAL},
                <!-- IF TS_JSSCROLL_NAVIGATION -->
                next      :   '#ticker-next',
                previous   :   '#ticker-previous',
                stop      :   '#stop',
                start      :   '#start',
                <!-- ENDIF -->
                mousestop   :   true,
                direction   :   '<!-- IF TS_JSSCROLL_DIRECTION -->down<!-- ELSE -->up<!-- ENDIF -->'
       });
    });
    // ]]>
    </script>
    <!-- ELSEIF S_TS_TICKER and not S_TS_JSSCROLL -->
    <script src="{ROOT_PATH}script/jquery.newsticker.js" type="text/javascript"></script>
    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function() {
       $("#news").newsTicker();
    });
    // ]]>
    </script>
    <!-- ENDIF -->
    <!-- ENDIF -->

    <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>	
	
    <!-- IF COUNTDOWN_ENABLE -->
    <script src="{ROOT_PATH}js/jquery.jcountdown1.3.3.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function(){
       $("#time").countdown({
          date: "{COUNTDOWN_DATE}",
          onComplete: function( event ) {
         
             $(this).html("{COUNTDOWN_COMPLETE}");
          },
          leadingZero: true,
          htmlTemplate: "<span class='cd-time'>{COUNTDOWN_TEXT}</span>  %{d} <span class=\"cd-time\">{L_DAYS}</span> %{h} <span class=\"cd-time\">{L_HOURS}</span> %{m} <span class=\"cd-time\">{L_MINUTES}</span> %{s} <span class=\"cd-time\">{L_SECONDS}</span>",
          direction: "<!-- IF COUNTDOWN_DIRECTION -->down<!-- ELSE -->up<!-- ENDIF -->"
       });
    });
    // ]]>
    </script>
    <!-- ENDIF -->

        <script type="text/javascript">
        // <![CDATA[
        $(document).ready(function() {
            $(".imgfade").fadeIn(2000);
        });
        // ]]>
        </script>

    <script type="text/javascript" src="{ROOT_PATH}highslide/highslide-full.js"></script>
    <link href="{ROOT_PATH}highslide/highslide.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    // <![CDATA[
    hs.graphicsDir = '{ROOT_PATH}highslide/graphics/';
    hs.align = 'center';
    hs.transitions = ['expand', 'crossfade'];
    hs.outlineType = 'rounded-white';
    hs.fadeInOut = true;
    hs.dimmingOpacity = 0.75;

    // Add the controlbar
    hs.addSlideshow({
       //slideshowGroup: 'group1',
       interval: 5000,
       repeat: false,
       useControls: true,
       fixedControls: 'fit',
       overlayOptions: {
          opacity: 0.75,
          position: 'bottom center',
          hideOnMouseOut: true
       }
    });
    // ]]>
    </script>

    <link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
    <link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

    <link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
    <link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
    <link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />

    <!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
       <link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
    <!-- ENDIF -->

    <!-- IF S_MCHAT_ENABLE and (S_MCHAT_ON_INDEX or U_MCHAT) -->
    <script type="text/javascript" src="{ROOT_PATH}mchat/jquery.titlealert.min.js"></script>
    <script type="text/javascript" src="{ROOT_PATH}mchat/jquery_cookie_mini.js"></script>
    <!-- ENDIF -->

    <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

    <!-- IF GUEST_HIDE_BBCODE_MOD -->
    <link href="{T_THEME_PATH}/guest_hide_bbcode_mod.css" rel="stylesheet" type="text/css" />
    <!-- ENDIF -->

    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

            <script type="text/javascript">
                var GB_ROOT_DIR = "./greybox/";
            </script>

            <script type="text/javascript" src="greybox/AJS.js"></script>
            <script type="text/javascript" src="greybox/AJS_fx.js"></script>

            <script type="text/javascript" src="greybox/gb_scripts.js"></script>
            <link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" media="all" />

    <script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/jquery-blink.js"></script>
    <script type="text/javascript">
     
    $(document).ready(function()
    {
            $('.blink').blink(); // default is 500ms blink interval.
            //$('.blink').blink({delay:100}); // causes a 100ms blink interval.
    });
     
    </script>     

            <!-- image-bbcode-phpbb3-slider by Terr0r -->
            <link rel="stylesheet" href="image_bbcode_slider/image_bbcode_slider.css" type="text/css" media="screen" />
            <link rel="stylesheet" href="image_bbcode_slider/themes/orman/orman.css" type="text/css" media="screen" />
            <script src="image_bbcode_slider/jquery.image.bbcode.slider.pack.js" type="text/javascript"></script>
            <script type="text/javascript">
            // <![CDATA[
            $(window).load(function() {
                $('.slider').nivoSlider({
                    effect:'random', // Specify sets like: 'fold,fade,sliceDown'   
                    slices:15, // For slice animations
                    boxCols: 8, // For box animations
                    boxRows: 4, // For box animations
                    animSpeed:400, // Slide transition speed
                    pauseTime:3000, // How long each slide will show
                    startSlide:0, // Set starting Slide (0 index)
                    directionNav:true, // Next & Prev navigation
                    directionNavHide:true, // Only show on hover
                    controlNav:false, // 1,2,3... navigation
                    controlNavThumbs:false, // Use thumbnails for Control Nav
                    controlNavThumbsFromRel:false, // Use image rel for thumbs
                    controlNavThumbsSearch: '.jpg', // Replace this with...
                    controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
                    keyboardNav:true, // Use left & right arrows
                    pauseOnHover:true, // Stop animation while hovering
                    manualAdvance:false, // Force manual transitions
                    captionOpacity:0.8, // Universal caption opacity
                    prevText: 'Prev', // Prev directionNav text
                    nextText: 'Next' // Next directionNav text
                });
            });
            // ]]>
            </script>
            <!-- image-bbcode-phpbb3-slider by Terr0r -->     
         
    </head>
Greets Terr0r

PhpBB3 Countdown MOD

Posted: 02 Dec 2011, 00:10
by Stoker
Can you post a screenshot of your top stats acp settings?

PhpBB3 Countdown MOD

Posted: 02 Dec 2011, 00:13
by Terr0r
Yes I can here is the screen of the ACP topstats settings
acptopstats.png
Greets Terr0r
All times are UTC+02:00
Page 2 of 31

Powered by phpBB® Forum Software © phpBB Limited