Как добавить счётчик До нового года осталось на трекер, форум phpBB3

[PPK]

Как добавить счётчик До нового года осталось на трекер, форум phpBB3:

в файле /styles/prosilver/template/overall_header.html перед

Код: Выделить всё

</head>

добавить

Код: Выделить всё

<script type="text/javascript">
// <![CDATA[

(function($) {
jQuery.fn.countdown = function (date, settings) {
	var countdown_settings = {
		lang: {
			years:   ['год', 'года', 'лет'],
			months:  ['месяц', 'месяца', 'месяцев'],
			days:    ['день', 'дня', 'дней'],
			hours:   ['час', 'часа', 'часов'],
			minutes: ['минута', 'минуты', 'минут'],
			seconds: ['секунда', 'секунды', 'секунд'],
			plurar:  function(n) {
				return (n % 10 == 1 && n % 100 != 11 ? 0 : n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2);
			}
		},
		prefix: "Осталось: ",
		finish: "Всё"
	};
	countdown_settings = jQuery.extend(countdown_settings, settings);

	var timeDifference = function(begin, end) {
	    if (end < begin) {
		    return false;
	    }
	    var
	    days   = end.getDate()  - begin.getDate(),
	    months = end.getMonth() - begin.getMonth(),
	    years  = end.getYear()  - begin.getYear(),
	    hms    = (end / 1000 - begin / 1000) % 86400,
	    seconds = Math.floor(hms % 60),
	    minutes = Math.floor(hms/60) % 60,
	    hours   = Math.floor(hms/3600) % 60;

	    if (days < 0) {
	    	days += new Date(begin.getYear(), begin.getMonth() + 1, 0).getDate() - 1;
	    	months--;
	    }
	    if (months < 0) {
	    	months += 12;
	    	years--;
	    }
	    var diff = {years: years, months: months, days: days, hours: hours, minutes: minutes, seconds: seconds};
	    var result = new Array();
	    for (i in diff) {
	    	if(!diff[i]) continue;
		    result.push(diff[i] + ' ' + countdown_settings.lang[i][countdown_settings.lang.plurar(diff[i])]);
	    }
	    return result.join(' ');
	};
	var elem = $(this);
	var timeUpdate = function () {
	    var s = timeDifference(new Date(), date);
	    if (s.length) {
	    	elem.html(countdown_settings.prefix + s);
	    } else {
	        clearInterval(timer);
	        elem.html(countdown_settings.finish);
	    }
	};
	timeUpdate();
	var timer = setInterval(timeUpdate, 1000);
}})(jQuery);

jQuery(document).ready(
	function($)
	{
		$("#newyear-countdown").countdown(new Date(2014, 00, 01, 00, 00, 00), {prefix:'<strong>До нового года осталось</strong>: ', finish: 'С Новым годом!'});
	}
);

// ]]>
</script>

для стиля subsilver2 сделать то же самое в файле/styles/template/subsilver2/overall_header.html

в файле /styles/prosilver/template/overall_header.html перед

Код: Выделить всё

<a name="start_here"></a>

добавить

Код: Выделить всё

		<div class="panel" style="margin-top:5px;">
			<div class="inner"><span class="corners-top"><span></span></span>
				<div id="newyear-countdown"></div>
			<span class="corners-bottom"><span></span></span></div>
		</div>

для стиля subsilver2 в файле /styles/subsilver2/template/overall_header.html перед

Код: Выделить всё

<!-- INCLUDE breadcrumbs.html -->

добавить

Код: Выделить всё

	<table width="100%" cellspacing="1" cellpadding="0" style="margin-top: 5px;">
	<tr>
		<td style="text-align:center;">
			<div id="newyear-countdown"></div>
		</td>
	</tr>
	</table>

всё, скриншоты, subsilver2:

prosilver:

--
исходный скрипт взят отсюда: http://alexmuz.ru/jquery-countdown/
для установки этого счётчика на "чистый" форум, необходимо подключение библиотеки JQuery

[Remembrance]

Работает спасибо)

[PPK]

Небольшая ошибка в коде исходного скрипта, заменить

Код: Выделить всё

hours   = Math.floor(hms/3600) % 60 - 1;

на

Код: Выделить всё

hours   = Math.floor(hms/3600) % 60;

[Gen4601]

У меня не работает ,ничего не появляется

[GayveR]

Обнови кэш

[Sector]

Спасибо за инструкцию, работает

[Zemloc]

Хорошая вещь Спасибо!

[tralex2009]

На теме Infinity не работает точно, проверено

[PPK]

Ссылка на пример?

[varvavarvkr]

спасибо