Оформленная страница 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> На этом все, создаем свой оригинальный рисунок, это не так сложно. Если вам эта понравилась, то устанавливаем, все коды представлены. |
Поделиться в социальных сетях
Материал разместил
Комментарии: 0 | |