» »

Страница ошибки 404 анимация в тёмных тонах


Страница ошибки 404 анимация в тёмных тонах

Я не буду описывать какая страница красивая она или нет, видно всё по скрину и на ДЕМО.

Давайте определимся с тем как вы хотите её установить, есть 2 варианта установки:

1 - Вариант с файлами на Вашем файловом менеджере (Вашем сайте) (УСТАНОВКА ДОЛГАЯ)
2 - Вариант с файлами на моём файловом менеджере (моём сайте) (УСТАНОВКА БЫСТРАЯ)

Первый вариант подразумевает установку данной страницы с ошибкой 404 полностью на Ваш сайт, то есть не просто страницу а все файлы от неё и саму страницу.

Второй вариант побыстрее вам не нужно загружать все файлы на свой сайт и менять все ссылки данной страницы.

Давайте перейдём к более подробной установке:

Рассмотрим первый вариант, создаём папку в корне вашего сайта (файлового менеджера) с названием 404Files и загружаем в неё все файлы из папки 404Files. Далее открываем блокнотом файл 404.htm и заменяем все ссылки на свои то есть открываем в файловом менеджере папку 404Files и копируем путь к файлу к примеру css.css ищем его в блокноте в котором открыли 404.htm и заменяем путь до css.css на свой и так все ссылки. После того как заменили все пути ссылок на свои идём в самый низ страницы 404.htm и заменяем там все ссылки на ссылки своего сайта, так же можете изменить названия " Графика, скрипты, шаблоны " на свои к примеру " Форум, гостевая книга " и т.д.

Сохраняем в кодировке UTF-8 и загружаем в корень Вашего сайта ( в файловый менеджер )

На этом установка страницы закончена.

Теперь давайте рассмотрим второй вариант:

Открываем 404.htm через блокнот, идём в самый низ и заменяем там все ссылки на ссылки своего сайта, так же можете изменить названия " Графика, скрипты, шаблоны " на свои к примеру " Форум, гостевая книга " и т.д.

Сохраняем в кодировке UTF-8 и загружаем в корень Вашего сайта ( в файловый менеджер )

На этом установка страницы закончена.

Так же хотелось бы дать полезный скрипт ( может кому понадобится ) на эту страницу можно поставить музыкальное сопровождение. С условием того что трек должен быть загружен в Ваш файловый менеджер.

Вот сам скрипт:

Код
<script type="text/javascript" src="http://scriptjava.net/source/scriptjava/scriptjava.js"></script>
<script type="text/javascript">
$$r(function() {
  $$i({
  create:'script',
  attribute: {
  'type':'text/javascript',
  'src':'http://nagon.net/js/sound.js'
  },
  insert:$$().body,
  onready:function() {//выполняю только после загрузки скрипта
  //создаю экземпляр обьекта
  var s=new sound();
  s.start({
  'music':'http://ССЫЛКА НА ВАШ ТРЕК.mp3',
  'player':'http://nagon.net/flash/player_mod.swf'
  });
  }
  });
});  
</script>


ДЕМО ЭТОЙ ЖЕ СТРАНИЦЫ ТОЛЬКО С МУЗЫКОЙ НА ФОНЕ

Этот скрипт можно установить в самый низ страницы 404.htm
05.04.2016 Загрузок: 8 Просмотров: 522 Комментарий: (15)

Поделиться в социальных сетях

Материал разместил

Комментарий: 14
Kosten
Kosten 05.04.2016 17:161
0
Эту страницу вижу в первые, но главное, там прописаны категорий, на которые можно выйти.
Alkapone
Alkapone 05.04.2016 17:182
0
А красный круг при наведении на него становится квадратом что не столь важно, но он ведёт на главную сайта smile и ещё можно заметить что когда крутишь мышкой туда сюда цифры поворачиваются вслед за ней, а при нажатии на любую из цифр шарики разлетаются в разные стороны и потом снова собираются в эту цифру smile
Scheme
Scheme 05.04.2016 17:183
0
С музыкой, это ты не зря зашел, не что что материала нет, послушай музыку, а потом можешь перейти куда нужно, нравиться мне эта страница, спасибо, думаю установить ее.
Alkapone
Alkapone 05.04.2016 17:346
0
Стандартно музыка не включена в эту страницу) Я решил добавить скрипт который установлен на моём сайте, правда я не знаю чей этот скрипт музыки но главное что он единственный который работает smile
Сопрано
Сопрано 05.04.2016 17:274
0
А что вы хотели, анимация не слабо весит, но под темный дизайн она сделана, просто трудно представить на светлом ее, хотя все возможно, все понятно написано, вот это плюс.
Kosten
Kosten 05.04.2016 17:305
0
Trantel, так сейчас оригинальность рулит, только в твитер загнал, вот уже сколько роботов прибежало.
Scheme
Scheme 05.04.2016 17:357
0
А так вообще редко встретишь страницу 404, которая была бы анимация и музыка, просто вебмастеры на этом не заостряют внимание, и ставят ту которая подходит.
Alkapone
Alkapone 05.04.2016 17:378
0
Самое главное что страница легко настраиваемая, можно изменить всё что угодно ведь все исходники включая js скрипты приложены в архив к самой страничке smile
Kosten
Kosten 05.04.2016 17:389
0
Страница быстро влетело в яндекс, так как оригинальное описание, это просто говорю, что нужно писать самому, тогда и развитие будет сайта и возможно какой то материал попадет в топ поиска. Здесь показано 2 часа, но она влетела где то за пять минут, так просто поиск показывает.

tsakonter
tsakonter 05.04.2016 17:4310
0
Интересное кино, только не понимаю, зачем там красная точка, если не чего не означает, но и под дизайн она не идет.
Alkapone
Alkapone 05.04.2016 21:0311
0
Красный круг при наводке превращается в квадрат он ведёт на главную сайта, т.к нет ссылок на страницу главную а только на определённые категории а он ведёт именно на главную
Kosten
Kosten 05.04.2016 21:0812
0
Как то вообще бы не подумал. просто категорий хватает, а так при наведение на круг, получается так.

csretven
csretven 05.04.2016 21:1613
0
Красивая страница, но музыку можно убрать, просто нравится, когда все по теме и не чего лишнего нет.
Alkapone
Alkapone 06.04.2016 05:0514
0
В архиве страница без музыки, то есть скрипт ниже я приложил для тех кто захочет с музыкой и чтобы мог её поставить)
avatar