Всепогодная страница тех работ сайта 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 | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 9 | |
|
| |
