ZorNet.Ru — сайт для вебмастера » Шаблоны для uCoz » Страница ошибки 404 серо белая

Страница ошибки 404 серо белая

Светлая страница 404 с оттенком серого для сайта любой тематики, отлично пр своим функциям. Если вы на ее попали, то у вас есть возможность обратно зайти на сайт. В ней присутствует красивый эффект, что вы можете навести курсор на цифры и увидите, но это как понимаете не главное, здесь безусловно сам дизайн и тематически разная.
Привет, с Вами Alkapone и это очередная страница 404 ошибки для Вашего супер крутого сайта.

Демо этой странички можно глянуть ВОТ ПО ЭТОЙ ССЫЛКЕ

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

Для начала создадим в файловом менеджере папку img (это если её нет) загрузим в неё 3 файла из папки с 404 страницей (bg1.png , ch1.png , ch2.png)

Далее (ЧИТАЕМ ВНИМАТЕЛЬНО ЧТОБЫ НЕ СЛОМАТЬ ДИЗАЙН СВОЕГО САЙТА).

В корень файлового менеджера необходимо загрузить файл style.css (Говорю сразу, если у Вас уже там есть файл style.css, то чтобы не сломать дизайн своего сайта просто переименуйте файл который будете загружать в файловый менеджер. К примеру назовите его my404style.css обращаю Ваше внимание что наличие " .css " в конце имени файла обязательно.

После этого открываете файл 404.html через блокнот и ищите там такую строчку

Код

В ней меняете называние вместо " style " на своё то есть на то как вы назвали свой файл.

Но если же у Вас не было никакого style.css в файловом менеджере то смело загружайте этот файл без замены названия в 404.html

Теперь снова открываем файл 404.html и идём в самый низ пока не увидим такое

Код

<li><a href="#">Главная</a></li>
  <li><a href="#">О Сайте</a></li>
  <li><a href="#">Контакты</a></li>
  <li><a href="#">Блог</a></li>
  <li><a href="#">Поддержка</a></li>

решётку " # " необходимо заменить ссылкой на свой сайт к примеру было так

Код

<li><a href="#">О Сайте</a></li>

то в моём случает станет вот так

Код

<li><a href="ZORNET.RU">О Сайте</a></li>

вместо " # " я вставил ссылку на " свой " сайт.

Теперь сохраняем это всё в кодировке UTF-8 и загружаем в корень файлового менеджера, на этом установка закончена.

Все пути к картинкам можно поменять в файле style.css в базовых стилях

06 Апреля 2016 Загрузок: 8 Просмотров: 1893 Комментариев: (16)

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

СКАЧАТЬ

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

Alkapone

Похожие материалы

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

Комментарии: 16
Порядок вывода комментариев: Kosten 06 Апреля 2016 18:09¹ 0 Нормальная страница, давно его на сайт заливал, но здесь все очень понятно написано. FeStemBer 06 Апреля 2016 18:48² 0 Но а для чего держать 2 кода на сайте? Kosten 06 Апреля 2016 19:51⁴ 0 Не чего, если хороший материал, будет продублирован, главное название разные и описание у всех оригинальны. tsakonter 06 Апреля 2016 19:49³ 0 А как она под мобильный идет или нужно адаптировать? Alkapone 06 Апреля 2016 20:54⁵ 0 Нет адаптировать не нужно, на мобилках работает отлично Alkapone 06 Апреля 2016 20:56⁶ +2 За это отвечает такой вот не замысловатый код в css Код /* Меньше, чем стандартные 960 (устройства и браузеры) / @media only screen and (max-width: 1200px) { } @media only screen and (max-width: 959px) { } / Планшетный экран размер стандартного 960 (устройства и браузеры) / @media only screen and (min-width: 768px) and (max-width: 959px) { } / Все мобильные экраны (устройства и браузеры) / @media only screen and (max-width: 767px) { } / Мобильные экраны и планшеты (устройства и браузеры) / @media only screen and (min-width: 480px) and (max-width: 767px) { .checkbacksoon p span { font-size: 150px; line-height: 160px; }.error {font-size: 14px;}.search {width: 220px;} } / Мобильные экраны (устройства и браузеры) */ @media only screen and (max-width: 479px) { .checkbacksoon p span { font-size: 150px; line-height: 160px; }.error {font-size: 14px;}.search {width: 220px;} } Maryges 06 Апреля 2016 20:58⁷ 0 Этими стилями не разрулить весь сайт под мобильное устройства, все равно в кодах придется копаться. Alkapone 07 Апреля 2016 15:27⁹ 0 А не кто не говорит про весь сай, это только для 404 страницы. Kosten 06 Апреля 2016 21:00⁸ 0 Alkapone, вы бы на форуме веб мастер категория, сделали бы тему под мобильные устройства, то многие спрашивают. Angerfist 07 Апреля 2016 15:57¹⁰ 0 Как то тоже думал опубликовать эту страницу, глянул на Демо и заметил поиск при адаптации уходит за границы низа, не стал копаться) Kosten 07 Апреля 2016 16:14¹¹ 0 На демонстраций нормально стоит или просто на мобильных он уходит. Angerfist 07 Апреля 2016 16:44¹² 0 Потяни окно браузера чтоб быстрей без сервисов и смартфонов к самому минимуму, где то при ширине около 640 px начнёт поиск уходить Kosten 07 Апреля 2016 18:22¹³ 0 Angerfist, посмотри пожалуйста эту страницу, которая на этом сайте стоит, она нормально под мобильные. Angerfist 07 Апреля 2016 18:59¹⁴ 0 Киваю, нормально!) Kosten 07 Апреля 2016 19:19¹⁵ 0 От души. услышать, от того человека кто волокет в этом.) Сопрано 24 Апреля 2016 01:54¹⁶ 0 Круто будет для светлого дизайна и тематика здесь не важна.