регистрация
856материалов
3297комментариев
235тем на форуме
6899пользователей

Зимняя страница технических работ для uCoz


Описание:

Наверняка всем пользователям хостинга uCoz надоела стандартная страница технических работ, но теперь в наше время, красивая страница технических работ для uCoz сайтов стало реальностью.

Теперь после того как вы установите этот шаблон на сайт, за место формы входа главного администратора вы увидите очень красивый и привлекательный таймер отсчета. То есть вы можете выставить время до окончания технических работ.

Установка:

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

Далее закрываем сайт на технические работы, сделать это можно так:
  • - Панель управления
  • - Настройки (общие настройки)
  • - Сайт временно отключен (напротив ставим галочку)
Теперь переходим в вкладку дизайн:
  • - Упарвление дизайном (шаблоны)
  • - Пользователи
  • - Страница "Сайт временно отключен"
И вставляем код:
Код
<!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<br />Мобильный: +7(000)555-01-00<br />Факс: +7(000)555-01-01</p>
<h2><i class="icon icon-mail"></i>Email</h2>
<p>admin@ucoz.com<br />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>

Настройки:

В файле scripts.js находим кусок кода:
Код
$(document).ready( function(){
var launchDay = new Date(2017, 12-1, 7);
$('#timer').countdown({
until: launchDay
});
И изменяем дату, то есть выстоавляете свое время на сколько хотите закрыть сайт


Шаблон опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о шаблоне:
Дата добавления материала: 11.02.2017 в 12:00
Материал просмотрен: 573 раза
Категория материала: Шаблоны для uCoz
К материалу оставлены: 4 комментария

Пожаловаться
Сказать спасибо

4 комментария


S
Классно сделано. Спасибо
Ромчик
Рад что Вам понравилось!
Вл@димирЪ
Не меняется дата
Ромчик
Дата меняется в файле scripts.js, точнее смотрите на скриншоте http://f3.s.qip.ru/BtVUoucY.png
avatar
uLike – кнопка «Мне нравится»
Создать сайт вместе с uKit.com
Статистики нашего сайта
Правила чата
Пользователи онлайн
Закрыть мини-чат
+Открыть мини-чат
0
Онлайн всего: 4
Гостей: 4
Пользователей: 0