|
Изменяем страницу технических работ uCoz
|
|
Дата: Пт, 09.08.2013, 01:54:05 | Сообщение # 1|
|
Как изменить страницу "технические работы"
Наверное всем владельцам сайтов ни раз приходилось временно закрывать свой проект, на внесение каких либо корректировок в интерфейс, на доработку функционала, на важное обновление дизайна всего сайта.
В системе uCoz страница которая отображается когда сайт закрыт довольно скучна и дико стандартна.
Дизайн стандартной страницы "технические работы 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 - голубой
- green - зеленый
- gray - серый
- red - красный
- orange - оранжевый
- black - черный
Вот в принципе и все.
|
|
Дата: Вс, 11.08.2013, 21:00:37 | Сообщение # 2|
|
очень красиво :)
а главное, со вкусом)
The Best Web Master
|
|
Дата: Пн, 12.08.2013, 10:08:04 | Сообщение # 3 |
Дата: Чт, 15.08.2013, 01:35:53 | Сообщение # 4|
|
Хороший скрипт 
|
|
Дата: Вс, 13.10.2013, 14:34:57 | Сообщение # 5|
|
отличный скрипт
|
|
Дата: Вс, 13.10.2013, 14:52:42 | Сообщение # 6|
|
Красиво. Спасибо за скрипт
|
|
Дата: Вт, 12.11.2013, 09:33:15 | Сообщение # 7|
|
Симпатичный)
Уровень сарказма в моем ответе зависит от уровня тупости вашего вопроса.
|
|
Дата: Вт, 12.11.2013, 10:47:05 | Сообщение # 8|
|
Добро побеждает зло.
Сообщение отредактировал pstulov_19 - Вт, 12.11.2013, 11:44:07
|
|
Дата: Вт, 12.11.2013, 11:36:52 | Сообщение # 9|
|
Круто искал такой! спасибо ребята!
|
|
Дата: Ср, 13.11.2013, 08:16:21 | Сообщение # 10|
|
Вообще четко!
Мне понравилось 
Безнаказанность рождает беззаконие
|
|
Дата: Ср, 13.11.2013, 20:46:31 | Сообщение # 11 |
Дата: Сб, 10.05.2014, 19:00:07 | Сообщение # 12|
|
Спасибо, не плохой скрипт.
Developer
|
|
Дата: Чт, 26.06.2014, 08:39:01 | Сообщение # 13 |
![Аватарка [ErSTe™]](/avatar/00/933766.png "<b>[ErSTe™]</b> — Пользователь")
