Полезная информация


----

Начать новую тему Ответить на тему
АвторСообщение

 Сообщение Использование JQuery Countdown Timer phpbb3 
#1 

Аватар пользователя

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

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

Настройка и подключение достаточно легки для каждого, для начала качаем архив с плагином
Вложение :
Комментарий к файлу: JQuery Countdown Timer phpbb3
countdown.zip [3.89 KiB]
Скачиваний: 121

Для удобства, единственную папку из архива помещаем в корень форума, после этого открываем шаблон 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, по ЛС не отвечаю !!!

Теги темы
Использование JQuery Countdown Timer phpbb3, Речь пойдет о подключении плагина JQuery Countdown Timer (таймер обратного отсчета)
          Вернуться наверх  
 

#2 

Аватар пользователя

Скриншот мода не отображается. Перезалейте пожалуйста)


          Вернуться наверх  
 

#3 

Аватар пользователя

Будет время - перезалью, а пока можете обратиться к гуглу за скриншотами


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 
 
Начать новую тему Ответить на тему


Дополнительные возможности

  Похожие темы  Автор  Ответов  Просмотров  Последнее сообщение 
Аватар пользователя Использование JQuery Totemticker phpbb3
Речь пойдет о использовании популярного плагина Totemticker для JQuery (настройка и подключение)

DeaDRoMeO

1

1538

Аватар пользователя

25 июл 2013, 08:43

Олег В

Аватар пользователя Countdown Disable Board phpbb3 (время до включения форума)
Countdown Disable Board - модификация для phpbb3, суть которой в добавлении счетчика обратного отсчета до включения форума

DeaDRoMeO

15

1236

Случайный аватар. Пользователю рекомендуется загрузить свой аватар в Настройках профиля

09 янв 2014, 07:49

rootmix

Аватар пользователя Совместное использование файлов разными форумами

ursego

2

354

Аватар пользователя

15 фев 2013, 10:18

DeaDRoMeO

Аватар пользователя Phpbb Countdown (таймер прямого\обратного остчета)
Phpbb Countdown - модификация для phpbb3, реализующая таймер прямого\обратного отсчета до выбранной даты с возможностью добавлять текст к отсчету.

DeaDRoMeO

16

1519

Аватар пользователя

04 дек 2014, 13:41

nevod

Аватар пользователя overall_header и jquery

Vl@d1m1r

12

829

Аватар пользователя

21 сен 2013, 00:09

brigadir

Оставить свой комментарий

Поделиться темой с помощью

Ссылки на тему

Прямая ссылка:
BB-код для форумов, сайтов, блогов:
HTML ссылка:
 


Самая неформальная поддержка phpBB :P