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

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

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

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

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

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

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

После этого открываете файл 404.html через блокнот и ищите там такую строчку
Код
<link rel="stylesheet" href="style.css">


В ней меняете называние вместо " 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 в базовых стилях
09.10.2018 - 17:53 0 267 0