😎 » DARYA DLE » Готовые дизайны » Дизайн страницы ошибки 404
1 525 0  

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

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

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

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

===

tongue Что делать если 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качиваний: 34)  

<!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

Откройте файл в блокноте или другом редакторе, и замените адрес сайта на свой(3 раза).

Скачать готовую страницу 404 №2:

Скачать файл 404-v2.rar [3.9 Kb] (cкачиваний: 38)

 

Вариант №3.

В этом варианте для фона используется картинка ( bg404.jpg ), поэтому нужно правильно прописать путь к картинке (есть в архиве).

Преимущество это страницы ошибки в ее малом весе.

Страница  404 вариант 3 

Страница  404 вариант 3 

Скачать страницу 404 №2:

Скачать файл 404-v3.rar [57.37 Kb] (cкачиваний: 48)  


Залишити свій коментар:

Досвід у веброзробці:

2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
2009
2023