Главная » 2012 » Ноябрь » 24 » Страница 404 в стиле аниме (Полезное)
24.11.2012, 23:19

Страница 404 в стиле аниме





Вот, решил выложить свою аниме страницу 404. Страница подойдет к сайта со светлым дизайном, хотя и переделать будет не проблема. Делалась для блога, но для хороших людей не жалко и поделится. Страничка легкая и довольно простая, но в тоже время довольно красивая ^^

И так, установка произойдет в 4 шага.

1) Создаем на компе файл 404.css и вписываем туда код с файла

Code
http://unaruto.ru/404/index.css


2) Создаем на коме файл 404.htm и вписываем туда следующий код

Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
         <head>
           <title>Ой... А где же моя страница..?! | uNaruto - Блог анимешника</title>
           <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
           <link rel="stylesheet" type="text/css" href="/404.css" />
         </head>

         <body>

<div id="header">
             <a id="top" name="top" />
                    
                   </div>

           <div id="error404" class="content">
             <div class="block">
               <h1><span>Error 404</span></h1>
               <h2><span>Oops!</span></h2>
               <div class="dontWorry"><br /><br />Если ты видишь эту страницу - значит "тян" очень огорчена.<br /> Она действительно будет очень скучать по этой странице.
<br/>Но не переживай... У тебя есть шанс её подбодрить!
<br/></div>
                         <div id="innerMenu">
                   <p>Вот несколько вариантов, как можно развеселить "тян":</p>
<br /><a href="http://unaruto.ru">Вернутся на uNaruto.Ru</a> | <a href="http://www.holmogorov.ru/last.html">Перейти в конец интернета</a> | <a href="/">cmd: format C:\ - done - go to sleep</a>
                 </div>
                       </div>
           </div>

               <div id="footer" style="padding-top: 106px">
             <div class="content">
                      
               <hr/>
             </div>
                   <div id="relatedInfo">
               <div class="content">
                 <strong>uNaruto - Блог анимешника</strong><br/>
                 Копирование информации и элементов<br /> дизайна портала без разрешения<br /> администрации запрещено!<br/><br/>
                 <span class="copyright">Copyright 2012 <span>|</span> All rights reserved.</span><br/><br/>
                 <div id="validations">
               $POWERED_BY$<br/>
                 </div>
               </div>
             </div>
           </div>

</body>

</html>


3) Сохраняем оба файла и закидываем в корень сайта.

Картинки замените на свои или же сольете мои. Как хотите...

П.С. Копирайты можете и не убирать, но я же Вас знаю, все равно уберете biggrin
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: unaruto.ru
Категория: Полезное | Просмотров: 1515 | Добавил: haard | Рейтинг: 5.0/1 |
Теги: аниме, страница, стиле, 404
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]