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

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

Ну, начнем.
Для начала, скажу что всё делается для дефолтного шаблона. Если у Вас не дефолтный, то в коде надо будет поменять ссылки.
1.Грузим папку "404" в папку "/templates/_default_/images", скрипт в папку "/templates/_default_/js", а стиль в папку "/templates/_default_/css"
Архив
2. В файле /templates/_default_/special/error404.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>

На этом всё.
Демо-сайт

Красивое слайд-шоу на главной странице(в модуле "Добро пожаловать")

404 jquery анимация

3 комментария

Реклама #

DeeMon 13 лет назад #

Красиво, возьму на заметку.

Patriot 13 лет назад #

Димон от души! Эксперимент удался на ура! +++

Evgenii 12 лет назад #

Красиво, пригодится

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

Реклама #

DeeMon 13 лет назад #

Patriot 13 лет назад #

Evgenii 12 лет назад #

Еще от автора

Красивое слайд-шоу на главной странице(в модуле "Добро пожаловать")

Делаем автоматическую смену фона сайта без перезагрузки

InstantCMS Team

О проекте

Поддержка

Дополнения