ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Адаптивная страница Тех.работ для uCoz

Адаптивная страница Тех.работ для uCoz

Адаптивная страница Тех.работ для uCoz
Темно прозрачная по фону адаптивная страница CSS, которая предназначена на сайте как заглушка под технические работы для сайтов на системе uCoz. Что качается стилистике, то здесь применен формат размытие на прозрачном фоне, ведь можно установить под нее тематическое изображение. Размытие больше создано для того, чтоб саму форму можно было корректно рассмотреть, которая по умолчанию по центру стоит.

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

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

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

Установка:

1. Загрузить папку technical к себе на сайт.
2. Установить код шаблона в панели управления << Страница "Сайт временно отключен" >>
3. Закрыть сайт, в том случай если потребуется.

Код
<!DOCTYPE html>
<html>
  <head>
  <title>Технические работы</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="/technical/style.css" />
  </head>
  <body>
  <div>
  <div class="uk-inline">
  <img src="/technical/bg.jpg" class="img-te">
  <div class="uk-overlay-primary uk-position-cover"></div>
  <div class="uk-overlay uk-overlay-primary uk-position-center">
  <center><h2 class="uk-heading-bullet">Технические работы</h2>  
  <p class="text-info"><small>На сайте проводятся технические работы. <br>В ближайшее время мы восстановим работу сайта.<br>Приносим свои извинения за неудобства.</small></p>  
  $ADMIN_LOGIN_FORM$
  <br>  
  <span class="poweredby"><small>$POWERED_BY$</small></span>  
  </center>
  </div>
  </div>
  </div>
  </body>
</html>

Если не знаете как модно поставить свою страницу по техническим работам, то в статье - установка своей страницы 404 - все подробно по этой теме описано.

Автор : 7UARTS.
Сайт : 7uarts.ucoz.org
05 Октября 2019 Загрузок: 55 Просмотров: 2525 Комментариев: (9)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 9
iano1
iano1 05 Октября 2019 20:201
-1
kosten,
Эскодирование проще
Код
<img src="Ссылка на изображение"><link type="text/css" rel="StyleSheet" href="http://geleson.at.ua/tex.css" />

___________________________________________
Установить
Вставьте код здесь как на картинке
Kosten
Kosten 06 Октября 2019 08:492
0
Кому как удобнее и по сайту, так как некоторые выставляю счетчики, где поминутно и так далее отчитывает, когда на сайте доступ будет.
iano1
iano1 06 Октября 2019 09:043
0
Это понятно
iano1
iano1 06 Октября 2019 09:074
0
Можем ли мы добавить немного времени?
hataromuto
hataromuto 11 Января 2021 18:325
0
Подскажите, пожалуйста, как убрать затемнение на фоновой картинке
Kosten
Kosten 11 Января 2021 20:546
0
Вы установили текстовый файл со стилями, так в нем идет вся стилистика, если не ошибаюсь, то за фон отвечает это значение background, где нужно там редактировать. Если были бы стили в CSS прописаны, то безусловно это сделать было намного доступнее.
BALLAS
BALLAS 13 Января 2021 20:267
0
Хороший вид страницы +
BALLAS
BALLAS 13 Января 2021 21:278
0
есть подобное? Для страницы 404
Kosten
Kosten 13 Января 2021 23:269
+1
Смотрите на сайте, 404 страницы есть как материал, если не обращать на старые, но новые уже некоторые идут адаптивном виде на все размеры мониторов или мобильных экранов.
avatar