Оффлайн страница, технические работы uCoz, тех работы uCoz

Как изменить страницу "технические работы"

Все привет.

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

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

ведуться технические работы ucoz

Дизайн стандартной страницы "технические работы 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 - секунда

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

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

ведуться технические работы ucoz

Чтобы изменить основной цвет страницы, который по умолчанию у нас голубой, в странице offline.htm на 21 строчке найдем данный код:

Код
<div class="bx-overlay blue"></div>

и изменим в нем класс blue

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

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

Понравилась статья? Перейди по рекламной ссылке ниже.
Раздел: Тема uCoz ∫ Просмотров: 17497 ∫ 12.01.20134.5
Теги: Работы, Ucoz
» Оцени и добавь:
оцени статью
4.5
24 Комментария Поделись своим мнением
#24 Написал Tyliver, 09.04.2016 06:39
Цитатнуть
А можно сделать так, что бы отсчитывал время не назад, а вперед?
И после блока с таймером поставить картинку?
#23 Написал dzumso, 29.12.2015 03:58
Цитатнуть
Спасибо большое! Всё классно!
#22 Написал JizZa, 14.11.2014 17:34
Цитатнуть
Цитата BSide
Эта картинка просто для стилизации под календарь, тут не предусмотрено перелистывание изначально.


BSide, после того как написал свой коммент, наложил одну на другую и понял, что это тень)) Но всёравно, спасибо!
#21 Написал BSide, 14.11.2014 11:15 Цитатнуть
Цитата JizZa
должен был создаваться эффект перелистывания

Эта картинка просто для стилизации под календарь, тут не предусмотрено перелистывание изначально.
#20 Написал JizZa, 13.11.2014 13:45
Цитатнуть
Чех, в папке "images" есть пик "flip_gradient.png"..
Я правильно понимаю, с его помощью должен был создаваться эффект перелистывания? Есть вариант его задействовать?
#19 Написал Игорь, 31.01.2014 20:02
Цитатнуть
Гениальный скрипт, которого я ждал многие годы *_*
#18 Написал Владимир, 02.09.2013 08:06
Цитатнуть
Вы правы. Установка заглушки совпала с временем тех. работ на ucoz
#17 Написал Вова, 31.08.2013 16:44
Цитатнуть
Все поставилось только теперь сам сайт заблокировали,наверное за отсуцтвие копирайта...
#16 Написал cech, 26.07.2013 02:34
Цитатнуть
слава, читайте статью внимательнее, вход по клику на правый верхний участок, копирайт не убран, весь новый дизайн лежит поверх старого...
Вы зашли на сайт как незарегистрированный пользователь. Чтобы получить полный доступ к сайту, дополнительные возможности, пройдите пятиминутную регистрацию, либо войдите на сайт под свои логином.
Что говорят заказчики?
Наша команда сотрудничает с MVC достаточно продолжительное время. Мы очень довольны результатами работы. Рекомендуем!
Брович Денис, Россия
Заказывал шаблон, всё на высшем уровне, все что я просил было выполненно, даже больше, перевыполнено. Всё получилось просто супер, сочетания цветов и красота просто поражают.
Велисов Юрий, Украина
Приятно работать! Отзывчивость, исполнительность, заинтересованность в результате и качестве работы! Спасибо!
Смолен Аленксандо, Украина