PhpBB Countdown MOD

Miscaleneous modifications from Stoker
User avatar
Stoker
Site Admin
Site Admin
Posts: 3536
Joined: 12 May 2008, 21:26
BBCodes: 239
Favourite BBCode: Anipro
Favourite MOD: PrettyPhoto
Location: Denmark

PhpBB3 Countdown MOD

Post by Stoker »

There are several other problems at your board, like you have the jquery cookie added 3 times.
Board rules! No PM support
User avatar
Terr0r
BBCoder V
BBCoder V
Posts: 339
Joined: 03 May 2011, 22:47
BBCodes: 100
Location: The Netherlands

PhpBB3 Countdown MOD

Post 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
If you can't fix it with ducktape you ain't using enough
For my MODS and BBCodes or other things that I have made take a look here
User avatar
Stoker
Site Admin
Site Admin
Posts: 3536
Joined: 12 May 2008, 21:26
BBCodes: 239
Favourite BBCode: Anipro
Favourite MOD: PrettyPhoto
Location: Denmark

PhpBB3 Countdown MOD

Post 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.
Board rules! No PM support
User avatar
Terr0r
BBCoder V
BBCoder V
Posts: 339
Joined: 03 May 2011, 22:47
BBCodes: 100
Location: The Netherlands

PhpBB3 Countdown MOD

Post 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
If you can't fix it with ducktape you ain't using enough
For my MODS and BBCodes or other things that I have made take a look here
User avatar
Stoker
Site Admin
Site Admin
Posts: 3536
Joined: 12 May 2008, 21:26
BBCodes: 239
Favourite BBCode: Anipro
Favourite MOD: PrettyPhoto
Location: Denmark

PhpBB3 Countdown MOD

Post by Stoker »

No. Set it below this: <script src="{ROOT_PATH}script/jquery-1.7.min.js" type="text/javascript"></script>
Board rules! No PM support
User avatar
Terr0r
BBCoder V
BBCoder V
Posts: 339
Joined: 03 May 2011, 22:47
BBCodes: 100
Location: The Netherlands

PhpBB3 Countdown MOD

Post 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
If you can't fix it with ducktape you ain't using enough
For my MODS and BBCodes or other things that I have made take a look here
User avatar
Stoker
Site Admin
Site Admin
Posts: 3536
Joined: 12 May 2008, 21:26
BBCodes: 239
Favourite BBCode: Anipro
Favourite MOD: PrettyPhoto
Location: Denmark

PhpBB3 Countdown MOD

Post by Stoker »

yes, work?
Board rules! No PM support
User avatar
Terr0r
BBCoder V
BBCoder V
Posts: 339
Joined: 03 May 2011, 22:47
BBCodes: 100
Location: The Netherlands

PhpBB3 Countdown MOD

Post 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
Last edited by Terr0r on 01 Dec 2011, 22:10, edited 1 time in total.
If you can't fix it with ducktape you ain't using enough
For my MODS and BBCodes or other things that I have made take a look here
User avatar
Stoker
Site Admin
Site Admin
Posts: 3536
Joined: 12 May 2008, 21:26
BBCodes: 239
Favourite BBCode: Anipro
Favourite MOD: PrettyPhoto
Location: Denmark

PhpBB3 Countdown MOD

Post by Stoker »

Can you post a screenshot of your top stats acp settings?
Board rules! No PM support
User avatar
Terr0r
BBCoder V
BBCoder V
Posts: 339
Joined: 03 May 2011, 22:47
BBCodes: 100
Location: The Netherlands

PhpBB3 Countdown MOD

Post by Terr0r »

Yes I can here is the screen of the ACP topstats settings
acptopstats.png
Greets Terr0r
You do not have the required permissions to view the files attached to this post.
If you can't fix it with ducktape you ain't using enough
For my MODS and BBCodes or other things that I have made take a look here