Красивая анимационная страница на сайт по установке, когда на ресурсе идут технические работы, где есть отчет времени и погодная. Что значит погодная, она изначально сделана на зимний период так как снег лежит и также по анимации он идет, но при этом еще будут меняться изображение. Которое вы также будете загружать, и можете просто посмотреть по размеру и установить свою, если сайт игровой, то что то в стиле своем поставить и визуально все понятно будет.
Безусловно ее со стандартной не сравнить и отлично подойдет под многие тематические темы. Здесь сами выставляете время, которое будет отчитывать назад и все понятно людям будет, когда сайт откроется. По вверх всего вы пишите название сайта и страница приобретает уникальный вид и безусловно привлекателен становится.
Приступаем к установке: Скачиваем архив и там будут файлы, что в корень сайта разместить, но хочу обратить внимание, там еще страницы изображение идут. Что меняются по времени. И здесь вы можете поставить свою подборку, которая была бы ближе к вашей тематике на интернет ресурсе.
Для начала скачиваете архив с нашего сайта и папку 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