Карта сайта
Контакты
Топчики
Теги сайтаАнимированная страница 404 "Pacman"
- Раздел:
- Web мастерам
- Категория:
- Страницы 404
- Добавлено:
- 24.02.2017 в 06:13
- Добавил:
- 4elovek
- Теги :
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 ссылка: |
|
 ВВ ссылка: |
