Использование JQuery Countdown Timer phpbb3

В данном подфоруме я буду выкладывать разнообразные украшения форума phpbb3, от смайлов до скриптов, от ВВ-кодов до различных полезных программ.

Модераторы: Vl@d1m1r, Lorem Ipsum, Atlas

Правила форума
----
Ответить
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Использование JQuery Countdown Timer phpbb3

Сообщение DeaDRoMeO »

Всем доброго времени суток :-00): Сегодня хотелось бы поговорить о достаточно полезном плагине JQuery Countdown Timer, который реализует красивый таймер обратного отсчета до выбранной даты. К слову данный плагин (или очень схожий) используется в свежем анонсе модификации

Как я и говорил, внешний вид плагина весьма презентабелен, оцените
Настройка и подключение достаточно легки для каждого, для начала качаем архив с плагином
countdown.zip
JQuery Countdown Timer phpbb3
(3.89 КБ) 134 скачивания
Для удобства, единственную папку из архива помещаем в корень форума, после этого открываем шаблон overall_header.html и перед </head> вставляем

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

        <link rel="stylesheet" href="assets/countdown/jquery.countdown.css" />
	<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
		<script src="assets/countdown/jquery.countdown.js"></script>
		<script src="assets/js/script.js"></script>

Обратите внимание на данную строку

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

<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
Если у вас уже подключен jquery такой же или выше версии, то убираем строку эту, если подключен jquery ниже версии - то убираем это подключение ибо будут конфликты.

В то место, где хотите видеть сам таймер нужно вставить

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

	<div id="countdown"></div>
<p id="note"></p>
Настройка даты осуществляется в скрипте assets/js/script.js, конкретно в части

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

ts = new Date(2012, 0, 1),
Первое число - год, второе - месяц, третье - число. Помните то, что счет месяцев в скрипте начинается с 0, а не с 1 как принято в календарях, тобишь если нужен отсчет до июля (который 7-ой по счету месяц) вам нужно прописывать 6-ку, а не 7-ку. Надеюсь логика ясна.

Так же из этого скрипта можно удалить эту часть

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

if(newYear){
				message += "left until the new year!";
			}
			else {
				message += "left to 10 days from now!";
			}
Который отвечает за надпись под счетчиком, непонятно для чего она вообще нужна, вообщем дело ваше.

На этом впринципе и все, успехов :-ok-:
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#1
Аватара пользователя
SAK
Заглянул на огонек
Заглянул на огонек
Сообщения: 17
Стаж: 6 лет
Откуда: Флаг как бЭ намекает...
Контактная информация:

Использование JQuery Countdown Timer phpbb3

Сообщение SAK »

Скриншот мода не отображается. Перезалейте пожалуйста)
#2
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Использование JQuery Countdown Timer phpbb3

Сообщение DeaDRoMeO »

Будет время - перезалью, а пока можете обратиться к гуглу за скриншотами
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#3
Ответить