» »

Простая страница 404 ошибка с девушкой


Простая страница 404 ошибка с девушкой

Скажем так, от нечего делать, в поиске нашел страницу а точнее картинку на ее в формате 404 ошибка, страницы не существует. И решил из нее создать полноценный код, который также найти не сложно и немного доработать. Здесь все очень просто, нет кнопок, но есть надписи, чтоб гость или пользователь, когда на ее попал, не ушел с нее а вышел на ваш ресурс. Все надписи вы можете поменять на свои. К примеру взять несколько модулей, где у вас материал и скопировать урл и поставить,, не чего сложного.

Код:

Код
<!DOCTYPE html>
<html>
<head>
<title>Ошибка 404 - Страница не найдена</title>
<meta name="robots" content="noindex" />
<style type="text/css">
html {height: 100%;}
body {height:100%;margin:0; padding:0;background:#FFF url('/404.png') right bottom no-repeat ;}
a {color:#27579E;text-decoration:none}
a:hover {color:#0E1D34;text-decoration:none}
@media only screen and (max-width: 1000px) {body {background:#FFF !important}}
</style>
</head>
<body>
<img src="http://zornet.ru/CSS-ZORNET/gerav/Yor/404-7866.jpg" border="0" alt="" width="480" style="display: block; margin-left: auto; margin-right: auto; margin-top: 60px;">
<p> </p>
<p style="text-align: center;"><a href="/" title="Вернуться на Главную">Главная</a> | <a href="#" title="О сайте">О сайте</a> | <a href="#" title="Контакты">Контакты</a> | <a href="#" title="Блог">Блог</a></p>
</body>
</html>


Как создавать ее я не буду писать, так как давно ЗДЕСЬ все написал подробно.

И смотрим обязательно, как она реально будет смотреться в DEMO

Нужно подметить, что она по оттенку цвета белая и желательно, чтоб дизайн ресурса соответствовал, но это вам решать.
01.04.2015 Просмотров: 684 Комментарий: (2)

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

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

Комментарий: 2
FeStemBer
FeStemBer 15.12.2015 23:341
0
В поиске нашел, и смотрю на знакомый сайт привела. Так нормально сделано, а главное самый простой код стоим и можно что хочешь поставить в плане изображение.
Kosten
Kosten 16.12.2015 19:332
0
Tventum, все собиралось в картинках гугл, и из этого уже на готовый код установлено.
avatar