Красивая, анимированная страница с 404й ошибкой

1918
И опять продолжение моих экспериментов с jQuery.
На этот раз я добрался до ошибки 404.


Ну, начнем.
Для начала, скажу что всё делается для дефолтного шаблона. Если у Вас не дефолтный, то в коде надо будет поменять ссылки.
1.Грузим папку "404" в папку "/templates/_default_/images", скрипт в папку "/templates/_default_/js", а стиль в папку "/templates/_default_/css"
Архив
2. В файле /templates/_default_/special/error404.php, удаляем всё содержимое(не забываем про бэкапы), и вписываем(меняя ссылки на разделы, если надо):
Код PHP:
<!DOCTYPE html>
<html>
<head>
<title>Страница не найдена</title>

<link rel="stylesheet" type="text/css" href="/templates/_default_/css/404.css" />

</head>

<body>

<div id="rocket"></div>

<hgroup>
    <h1>Страница не найдена</h1>
					<li><a href="/" class="underline">Главная</a></li>
                                            <li><a href="/novosti" class="underline">Новости</a></li>

					<li><a href="/users/" class="underline">Пользователи</a></li>

					<li><a href="/blogs/" class="underline">Блоги</a></li>

					<li><a href="/photos/" class="underline">Фотоальбомы</a></li>

</hgroup>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="/templates/_default_/js/script.js"></script>
</body>
</html>
На этом всё.
Демо-сайт
Красивое слайд-шоу на главной странице(в модуле "Добро пожаловать")
Комментарии (3)
DeeMon 6 ноября 2011 в 20:56 +1
Красиво, возьму на заметку.
Patriot 9 ноября 2011 в 02:02 +1
Димон от души! Эксперимент удался на ура! +++
Evgenii 30 июля 2012 в 19:31 0
Красиво, пригодится