Анимированная страница 404 "Pacman"


Установка:
1.
Открываем блокнот. (Подойдет и другой тестовый редактор)
2. Копируем код и вставляем в блокнот
3. В коде изменяем данные на свои.
Например:
ССЫЛКА НА САЙТ меняем на http://boom.clan.su
ССЫЛКА НА ФОРУМ меняем на http://boom.clan.su/forum
[Могут быть и другие]
4. Как все сделали нажимаем: Файл > Сохранить как... > Имя файла: 404.htm > Тип файла: Все файлы > Сохранить.
Если все сделали правильно то потом файл 404 можно будет открыть с помощью браузера.
Например как: Yandex, Mozila, Opera, Google и другие. И в данном окне должна появиться ваша 404.htm страничка.
Вы все сделали правильно ?
Тогда продолжим
5. Заходим в: Панель управления > Файловый менеджер > Загружаем файл 404.htm в корень вашего сайта.
[То есть, если у вас не было еще не разу новых 404 странички кроме стандартной, то вы должны увидеть: 404.htm [Стандартная страница 404 ошибки].
6. После того как загрузили 404.htm радуйтесь новый 404 - ошибочкой =)

Смотреть "пример"

<!doctype html>

<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->

<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->

<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->

<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

<head>

    <meta charset="utf-8">

    <title>404</title>

    <meta name="description" content="">

    <meta name="author" content="">

    <meta name="viewport" content="width=device-width,initial-scale=1">

    <link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed|Ubuntu' rel='stylesheet' type='text/css'>

    <!-- CSS: implied media=all -->

    <link rel="stylesheet" href="http://boom.clan.su/Site/Files/Css/2251_style.css">

    <link rel="stylesheet" href="http://boom.clan.su/Site/Files/Css/2251_blue.css">

    <script src="http://boom.clan.su/Site/Files/Js/2251_jquery-1.6.2.min.js"></script>

    <script src="http://boom.clan.su/Site/Files/Js/2251_script.js"></script>

</head>

<body>

    <div id="error-container">

        <div id="error">

            <div id="pacman"></div>

        </div>

        <div id="container">

            <div id="title">

                <h1>К сожалению, Pacman съел эту страницу!</h1>

            </div>

            <div id="content">

                <div class="left">

                    <p class="no-top">Похоже, что это может быть результатом либо:</p>

                    <ul>

                        <li>пропущен адрес</li>

                        <li>вне дата ссылку</li>

                        <li>голодный pacman</li>

                    </ul>

                    <div class="clearfix"></div>

                </div>

                <div class="right">

                    <p class="no-top">Не волнуйтесь, у нас еще есть некоторые другие страницы, которые существуют. Попробуйте посетить один из них.</p>

                    <ul class="links">

                        <li><a href="ССЫЛКА НА САЙТ">» Главная</a></li>

                        <li><a href="ССЫЛКА НА ФАЙЛЫ">» Наши файлы</a></li>

                    </ul>

                    <ul class="links">

                        <li><a href="ССЫЛКА НА ФОРУМ">» Форум</a></li>

                        <li><a href="ССЫЛКА НА БЛОГ">» Наш Блог</a></li>

                    </ul>

                    <div class="clearfix"></div>

                </div>

                <div class="clearfix"></div>

            </div>

            <div id="footer">

            </div>

        </div>

    </div>


Поделиться с друзьями:


Поделись ссылкой с другом:

Простая ссылка:
Html ссылка:
ВВ ссылка:

Загрузок: 697
Комментариев: 0
Просмотров: 2244
avatar
Модули сайта
Мы в соц. сетях

Мини-чат
Для добавления необходимо
войти или зарегистрироваться
Статистика
Счетчики сайта
Яндекс.Метрика Рейтинг@Mail.ru Индекс цитирования
Сейчас online
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Теги сайта
Опросики
Вы веб-мастер или покупатель ?
Всего ответов: 2
Переход по сайтам