Меняем страницу технических работ
827материалов
228тем на форуме
3003комментария
6151пользователь

Меняем страницу технических работ

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

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

Чтобы изменить страницу технических работ, пройдем в ПУ / Общие настройки и поставим галочку "Сайт временно отключен" добавляем в поле пункта "Причина временного закрытия сайта", стерев все что в нем было, данный код: 
Код
<script type="text/javascript" src="/offline/offline.js"></script>

Далее останется залить папку "offline" к себе на сервер, и все готово. Осталось лишь поставить дату открытия, для этого подредактируем страничку offline.htm открыв ее исходный код в блокноте, либо в notepad++, либо в dreamweaver и в самом конце мы видим код: 
Код
<script type="text/javascript">   
   year = 2013;   
   month = 4;   
   day = 22;   
   hour= 10;   
   min= 25;   
   sec= 0;   
</script>

year - год 
month - месяц 
day - день 
hour - час 
min - минута 
sec - секунда 

И изменяем значения на свои. Все готово, и все работает. 

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

Чтобы изменить основной цвет страницы, который по умолчанию у нас голубой, в странице offline.htm на 21 строчке найдем данный код: 
Код
<div class="bx-overlay blue"></div>

и изменим в нем класс blue 
blue - голубой 
green - зеленый 
gray - серый 
red - красный 
orange - оранжевый 
black - черный 

Вот в принципе и все.

ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 03.06.2013 в 00:25
Материал просмотрен: 883 раза
Категория материала: Скрипты для uCoz
К материалу оставлено: 0 комментариев

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

0 комментариев


avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта