- Совместимость с XenForo
- 1.2
- 1.3
- 1.4
- 1.5
Заходим: Главная --> Настройки --> Открытие и закрытие форума, в поле "Сообщение, отображаемое при закрытом форуме", заменяем на:
Файл из архива закидываем в папку js вашего сайта.
Настройки времени осуществляются в скрипте:
Строка:
Где: месяц/день/год час:минуты:секунды
Код:
<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>
Настройки времени осуществляются в скрипте:
Код:
<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',