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

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

Нет прав для скачивания

Skaiman

Заблокирован
Сообщения
17,572
Решения
199
Реакции
32,857
Баллы
18,475
Пользователь Skaiman разместил новый ресурс:

[SVG]Таймер технических работ. - Таймер для страницы при отключенном форуме

Заходим: Главная --> Настройки --> Открытие и закрытие форума, в поле "Сообщение, отображаемое при закрытом форуме", заменяем на:
Код:
<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...

Узнать больше об этом ресурсе...
 
это не так, а так

/день/месяц/год час:минуты:секунды
Как написано так и есть, сама дата не показывается, идет отсчет, если отсчет заканчивается в этот же день, дней показывается 00, это не календарь :)
 
  • Мне нравится
Реакции: Hope
Skaiman, фишка в том что там в датах именно указано день/месяц/год час:минуты:секунды
а не как вы написали месяц/день/год час:минуты:секунды
я поставил значение для начало как тут было написано, потом смотрю пишет 364 дней остался :-D
 
это не так, а так

/день/месяц/год час:минуты:секунды


Skaiman, ну так правильно
месяц/день/год часы:минуты:секунды :-)

Что то я запутался!
у меня не один из выше перечисленных не работает
стоит 1.5.6
 
Вот совместил,получилось так:
Код:
<center>
<h2><B>Форум находится на техническом обслуживании,приносим свои извинения за временные неудобства!</B></h2>
</center>
<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/2016 16:00:00',
        offset: +4
    }, function () {
        $('#timer').css('display', 'none');
    });
</script>   
<center>
<i id="animation" class="fa fa-cog fa-spin" style="font-size: 95px; color:  #2F4F4F;"></i>
</center>
2016-04-07_210702.png
 
Было бы круто, если бы можно было поставить часовой пояс.
 
Там не часы, а таймер обратного отсчета, каким боком там часовой пояс.
Я хочу, к примеру, поставить таймер до 24.10.2016 года (время 21:00 часа по МСК)
Мне нужно написать в скрипте следующее:

date: '24/10/2016 21:00:00',

Все верно?

А если человек зайдет из Владивостока, у которого данное время уже вышло, что тогда?
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу