~~1 539~~ 0 3-04-2019, 00:51

Дизайн страницы ошибки 404

В ДЛЕ с 12.1 версии можно создавать свою страницу ошибки 404. Здесь буду собирать дизайны для таких страниц. От простых к сложным.

Чтобы включить свою страницу ошибки нужно - в админке - Настрока скрипта - Настройка системы - включить переключатель - использовать свою страницу 404.

Потом нужно в корень сайта загрузить страницу - http://yoursite.com/404.html

===

Что делать если DLE не отдает 404 ошибку?

===

Не забудьте для ДЛЕ, в .htaccess прописать:

ErrorDocument 401 /404.html
ErrorDocument 403 /404.html
ErrorDocument 404 /404.html
ErrorDocument 500 /404.html

1. Самый простой дизайн:

Скачать файл 404.rar ^{[1.4 Kb] (cкачиваний: 42)}

<!DOCTYPE html>
<html lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ошибка (eror 404)</title>

<style>
html,body,div,h1,h3{margin:0;padding:0}
section {display:block;width:100%; position:relative;}
section  div {padding-top:40px;width:500px; margin: 0 auto 0 auto; text-align:center;}
h1 {font-size:22px; color:red;margin-bottom:40px;}
p{width:100%;display:block; margin-bottom:100px; text-align:center;text-transform:uppercase;}
a {text-decoration:none;}
img {max-width:100%;}

@media (max-width: 800px) {
section  div {width:100%}
h1 {font-size:18px;}
}
</style>
</head> 

<body>
<section>
	<div>
		<h1>Ошибка на сайте!</h1>
		<sub>Такой страницы не существует или неправильно указан адрес....</sub>
		<img alt="лого машинной штукатрки" src="https://shtukaturka-v-moskve.ru/uploads/logo2.png" />
		<p><a href="/">Перейти на главную</a></p>
		
		
		<!-- counter --> <!-- /counter -->

	</div>
</section>
</body>
</html>

Вариант №2.

Создавал для сайта - mybloginvest.com. Страница 404 выполнена в бизнес стиле и имеет canvas анимацию. Адаптивная. В файле прописаны все стили и графика.

Страница ошибки 404 вариант 2