[SVG]Таймер технических работ.

[SVG]Таймер технических работ. 1.0.0

Нет прав для скачивания
Совместимость с XenForo
  1. 1.2
  2. 1.3
  3. 1.4
  4. 1.5
Заходим: Главная --> Настройки --> Открытие и закрытие форума, в поле "Сообщение, отображаемое при закрытом форуме", заменяем на:
Код:
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<style>
#timer{width:420px;height:130px;margin:20px auto}
#timer p{font:16px/16px 'Roboto Condensed',sans-serif;text-transform:uppercase;color:#176093;text-align:center}
.countdown{color:#176093;display:block;text-align:center;width:420px}
.countdown li{display:inline-block;margin:0 10px;font-family:'Roboto Condensed',sans-serif}
.countdown li div{font-size:36px}
.countdown li span{font-size:14px}
</style>

<div id="timer">
    <p>До окончания технических работ осталось:</p>       
    <ul class="countdown">
        <li>
            <div class="days">0</div>
            <span class="days_ref">дн.</span>
        </li>
        <li>
            <div class="hours">0</div>
            <span class="hours_ref">час.</span>
        </li>
        <li>
            <div class="minutes">0</div>
            <span class="minutes_ref">мин.</span>
        </li>
        <li>
            <div class="seconds">0</div>
            <span class="seconds_ref">сек.</span>
        </li>
    </ul>
</div>

<script type="text/javascript" src="js/jquery.downCount.js"></script>
<script class="source" type="text/javascript">
    $('.countdown').downCount({
        date: '05/01/2020 16:00:00',
        offset: +4
    }, function () {
        $('#timer').css('display', 'none');
    });
</script>
Файл из архива закидываем в папку js вашего сайта.
Настройки времени осуществляются в скрипте:
Код:
<script class="source" type="text/javascript">
    $('.countdown').downCount({
        date: '05/01/2020 16:00:00',
        offset: +4
    }, function () {
        $('#timer').css('display', 'none');
    });
</script>
Строка:
Код:
date: '05/01/2020 16:00:00',
Где: месяц/день/год час:минуты:секунды
  • 2015-05-02_005520.png
    2015-05-02_005520.png
    27.2 KB · Просмотры: 677
Автор
Skaiman
Скачивания
87
Просмотры
456
Первый выпуск
Обновление
Оценка
5.00 звёзд 1 оценок

Другие ресурсы пользователя Skaiman

Поделиться ресурсом

Последние отзывы

Отличный скрипт!
Назад
Сверху Снизу