Четверг, 16.05.2024, 09:49
Друг Вокруг
Приветствую Вас Гость | RSS
Главная | Все для Ucoz | Регистрация | Вход
Категории раздела
Шаблоны для ucoz [7]
Скрипты для uCoz [23]
Кнопки для сайта [3]
Шапки для сайтов [0]
Иконки для Ucoz [2]
Графика для сайта [0]
Ajax для uCoz [0]
Меню для uCoz [1]
Мини-профиль для uCoz [2]
Программы для web-мастера [1]

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0


страница тех работ сайта uCoz
[ Скачать с сервера (1.49 Mb) · Скриншот ]19.02.2017, 03:20


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

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

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

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

Для начала скачиваете архив с нашего сайта и папку 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  
});


И видим цифры, что выставляем на свои, вообщем на какое время будет пока закрыт сайт. 
Категория: Скрипты для uCoz | Добавил: Meloman | Теги: страница тех работ сайта uCoz
Просмотров: 402 | Загрузок: 11 | Рейтинг: 3.0/4
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Вход на сайт

Поиск

Друзья сайта

Copyright MyCorp © 2024