» »

Всепогодная страница тех работ сайта uCoz

Всепогодная страница тех работ сайта uCoz

Красивая анимационная страница на сайт по установке, когда на ресурсе идут технические работы, где есть отчет времени и погодная. Что значит погодная, она изначально сделана на зимний период так как снег лежит и также по анимации он идет, но при этом еще будут меняться изображение. Которое вы также будете загружать, и можете просто посмотреть по размеру и установить свою, если сайт игровой, то что то в стиле своем поставить и визуально все понятно будет.

Безусловно ее со стандартной не сравнить и отлично подойдет под многие тематические темы. Здесь сами выставляете время, которое будет отчитывать назад и все понятно людям будет, когда сайт откроется. По вверх всего вы пишите название сайта и страница приобретает уникальный вид и безусловно привлекателен становится.

Приступаем к установке:

Скачиваем архив и там будут файлы, что в корень сайта разместить, но хочу обратить внимание, там еще страницы изображение идут. Что меняются по времени. И здесь вы можете поставить свою подборку, которая была бы ближе к вашей тематике на интернет ресурсе.

Для начала скачиваете архив с нашего сайта и папку enginworks загружаете в свой файловый менеджер.

Далее закрываем сайт на технические работы, сделать это можно так:

1. - Панель управления

2. - Настройки (общие настройки)

3. - Сайт временно отключен (напротив ставим галочку)

Теперь переходим в вкладку дизайн:

4. - Управление дизайном (шаблоны)

5. - Пользователи

6. - Страница "Сайт временно отключен"

И теперь осталось ставить код:

Код
<!DOCTYPE html>  
<html class="no-js">  
<head>  
<meta charset="UTF-8" />  
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />  
<title>Ведутся технические работы</title>  
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic%7CRoboto+Slab:400,700" rel="stylesheet" type="text/css" />  
<link rel="stylesheet" type="text/css" media="all" href="/enginworks/style.css" />  
<script type="text/javascript" src="/enginworks/modernizr-custom.js"></script>  
</head>  
<body>  
<div class="wrap">  
<div id="main">  
<div class="inner">  
<header class="site-header">  
<h1 class="site-title fade-in">Название сайта</h1>  
</header>  

<section class="content">  
<h1 class="section-title">Ведутся технические работы</h1>  
<p class="subtitle">Мы откроемся через:</p>  
<div id="timer"></div>  
</section>  

<div class="modal-toggle">  
<span class="modal-note">Дополнительная информация</span>  
<a href="#" id="modal-open" class="icon icon-plus"><span class="screen-reader-text">Открыть</span></a>  
</div>  

</div>  
</div>  
<div id="modal">  
<div class="inner">  

<div class="modal-toggle">  
<a href="#" id="modal-close" class="icon icon-cross"><span class="screen-reader-text">Закрыть</span></a>  
</div>  
<section class="content">  
<h1 class="section-title">Связь с нами</h1>  
<div class="row">  
<div class="one-half">  
<p>uCoz — бесплатная система управления сайтом и хостинг для сайтов, созданных с её использованием. Модули uCoz могут использоваться как в единой связке для создания полнофункционального сайта, так и по отдельности, например, в качестве блог-платформы, интернет-магазина и др.</p>  
<p>К 2014 году на его основе было создано более 20 млн страничек (из них активны были около 1 млн), на отдельных доменах работали 54 тыс. сайтов. uCoz.ru находится на 73-м месте самых популярных российских сайтов по данным Alexa Internet.</p>  
<p>Владелец сервиса — ООО «Юкоз Медиа», Россия.</p>  
</div>  
<div class="one-half">  
<h2><i class="icon icon-phone"></i>Связь</h2>  
<p>Домашный: +7(000)555-12-12
Мобильный: +7(000)555-01-00
Факс: +7(000)555-01-01</p>  
<h2><i class="icon icon-mail"></i>Email</h2>  
<p>admin@ucoz.com
support@ucoz.com</p>  
<h2><i class="icon icon-map"></i>Дополнительно</h2>  
<p>$POWERED_BY$</p>  
</div>  
</div>  
</section>  
</div>  
</div>  
</div>  
<div class="body-bg"></div>  
<div id="preload">  
<div id="preload-content">  
<div class="preload-spinner">  
<span class="bounce1"></span>  
<span class="bounce2"></span>  
<span class="bounce3"></span>  
</div>  
</div>  
</div>  
<script type="text/javascript" src="/enginworks/jquery-1.11.3.min.js"></script>  
<script type="text/javascript" src="/enginworks/plugins.js"></script>  
<script type="text/javascript" src="/enginworks/scripts.js"></script>  
</body>  
</html>


Давайте разберемся, как выставить время.

В самом коде находим:

Код
$(document).ready( function(){  
var launchDay = new Date(2017, 12-1, 7);  
$('#timer').countdown({  
until: launchDay  
});


И видим цифры, что выставляем на свои, вообщем на какое время будет пока закрыт сайт.

Источник: Webmaster-ucoz.ru
17.02.2017 Загрузок: 10 Просмотров: 780 Комментарий: (9)

Поделиться в социальных сетях

Материал разместил

Комментарий: 9
Сафрон
Сафрон 17.02.2017 19:391
0
Но если убрать и поставить другие картинки, здесь нужно этот снегопад отключить, а так страница нравится, на DEMO ее смотрел, не чего лишнего и не сильно от других отличается, разве, что смена изображение.
Tergran
Tergran 17.02.2017 19:422
0
Почему именно Всепогодная, это на все катаклизмы, но это так я, уже не новость, что счетчик времени стоит, это ранее можно было только увидеть где то там далеко от системы.
tsakonter
tsakonter 17.02.2017 19:493
0
Снег не проблема убрать, он файлом идет, просто отключит, в стиле не ставить.
Tergran
Tergran 19.02.2017 00:034
0
Страницу проверил и поставил другие изображение, круто смотрится и все работает, хоть мне не профи, но все сделал с первого раза.
csretven
csretven 19.02.2017 00:105
0
Могу понять, если сайт закрыть на месяц и больше, то здесь можно такую страницу поставить, но если на несколько дней, то простая пойдет.
akiro
akiro 20.02.2017 02:456
0
не могу разобраться как установить свою дату... какие цифры за что отвечают...
Сопрано
Сопрано 20.02.2017 04:387
0
Как написано и видно, сто этот код отвечает за выставление даты.

$(document).ready( function(){
var launchDay = new Date(2017, 12-1, 7);
$('#timer').countdown({
until: launchDay
});
Вл@димирЪ
Вл@димирЪ 05.03.2017 09:018
0
Не меняется дата
Kosten
Kosten 05.03.2017 15:319
0
Попробуйте изменить и потом почистить кэш браузера.
avatar