» »

Оформленная страница 404 для сайта ucoz


Изначальна эта страница была создана под игровую тематику. Но просто сменив картинку и поставить другую или несколько и получается общая тема на ее. Это означает, вы можете ее установить как по оттенку цвета, если на вашем ресурсе существует синий оттенок и белый. Один файл я залил в архив, где все убрал и вы можете уже сами с помощью фотошоп установить тот рисунок, который вам ближе по вашей тематике. При установке нужно, залить 5 файлов и потом создать 404.htm, как все правильно сделать, вы можете прочесть здесь но не чего сложного нет. Как установили в ФМ папку, остается только прописать сам код.

Вот это полный код, где добавил кнопки в низу.

Код
<html>  
<head>  
<meta name="robots" content="noindex,nofollow">  
<title>HTTP 404 Не найдено</title>  
<style type="text/css">  
.k{background:url('/404/1.png');width:162;height:38;border:0;}  
.k:hover{background:url('/404/2.png');width:162;height:40;border:0;}  
.cc {padding:5;border:0px solid #0073A1; width:500;background:#0073A1;  
text-decoration: none; color: #ffffff; font-family:  
  Trebuchet MS; font-weight: bold;}  
#d{font-size:30;}  
</style>  
</head>  
<body bgcolor="#ffffff">  
<center>  
<table width="930" cellspacing="0" border="0">  
<tr><td background="/404/logo.png" height="230"></td></tr>  
<tr><td background="/404/body.png" height="230" valign="top" align="center" style="padding: 40 0 0 60;">  
<div class="cc"><span id="d">Невозможно найти ресурс!</span> <br><br>  
Возможно, он был удален, <br>  
переименован, или временно недоступен. <br><br>  
Пожалуйста перейдите на главную страницу.  
</div>  
</td></tr>  
<tr><td background="/404/niz.png" height="130" valign="top" align="center" style="padding-left:40;">  
<input type="button" class="k" onClick="location.href='/';">  
</td></tr>
</table>

<center><a href="/publ"><img src="http://zornet.ru/CSS-ZORNET/Skript/f99803811d19.jpg" alt="404" border="0"></a><a href="/forum"><img src="http://zornet.ru/CSS-ZORNET/Skript/def5456ea527.jpg" alt="404" border="0"></a><a href="http://zornet.ru/"><img src="http://zornet.ru/CSS-ZORNET/Skript/a5fc470ab25d.jpg" alt="404" border="0"></a></center>

</body>
</html>


Если вам не нужны функциональные кнопки или просто по своим стилям не подходят, вы можете их сменить, или вообще убрать, за них отвечает этот небольшой код.

Код
<center><a href="/publ"><img src="http://zornet.ru/CSS-ZORNET/Skript/f99803811d19.jpg" alt="404" border="0"></a><a href="/forum"><img src="http://zornet.ru/CSS-ZORNET/Skript/def5456ea527.jpg" alt="404" border="0"></a><a href="http://zornet.ru/"><img src="http://zornet.ru/CSS-ZORNET/Skript/a5fc470ab25d.jpg" alt="404" border="0"></a></center>


На этом все, создаем свой оригинальный рисунок, это не так сложно. Если вам эта понравилась, то устанавливаем, все коды представлены.
19.03.2015 Загрузок: 2 Просмотров: 412 Комментарий: (0)

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

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

Комментарий: 0
avatar