» »

Темная страница 404 сайта на HTML5

Темная страница 404 сайта на HTML5

По своей структуре страница 404 создана оригинально и необычна с визуальной стороны, по умолчанию нормально, при клике идет эффект. И все это на темном фоне, а цвета не будут повторятся, если первый раз было светло синей гамме, то вторично уже не повторится, что отличает ее от других похожих по формату.

Здесь нет не каких кнопок на выход на сайт, это считаю минусом, но установив ее поймете почему нет не одной ссылки, так как эффект большой и идет по всем знаком, что красиво смотрится на черном фоне. Что под аналогичный по дизайн ее можно поставить, просто к тематической площадке она не привязана.

Приступаем к установке:

Создайте файл 404.htm и туда пропишите этот код:

Код
<!DOCTYPE html>
<html>
<head>
<title>404</title>
<style type="text/css">
html, body {
background: black;
margin: 0;
overflow: hidden;
}
</style>
<script src="/js/p5.min.js"></script>
<script src="/js/404.js"></script>
</head>
<body></body>
</html>

Далее следуют пройти в админ панель в файловый менеджер и залить его. Или просто в архиве уже есть файл и его можно закачать, там жмем на гаечный ключ и смотрим, чтоб этот код там был.

Потом нужно создать папку под именем js и в нее закачать два JS файла, что находятся в архиве и все сохранить и на этом установка завершена.

Также вам предоставлена демонстрация, чтоб понять как она визуально работает.
Источник: imapo.ru
2017-04-23 Загрузок: 3 Просмотров: 912 Комментарий: (7)

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

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

Комментарий: 7
Kolinkor
Kolinkor 2017-04-23 16:541
0
Интересно смотрится с эффектом, но больше нравятся простые.
Scheme
Scheme 2017-04-23 17:002
0
Так она еще и адаптивная, но если по демо смотреть. То эта страница обязательно под мобильные должна настроена.
Start
Start 2017-04-23 17:173
0
Страница интересна, код короткий 47a
Kolinkor
Kolinkor 2017-04-23 17:204
0
Там 2 файла идут!
Сопрано
Сопрано 2017-04-23 19:005
0
А что должен большой код и стили идти, есть таких много страниц, но на демо посмотрите, она хорошо создана по своей конструкций, а эффект вторичным идет.
Canon
Canon 2017-04-23 19:036
0
Почему нельзя кнопку поставить, можно по центру вывести на главную страницу, на тесном фоне ярко должна быть.
Kosten
Kosten 2017-04-23 19:107
0
Canon, там эффект большой и если кнопку устанавливать, они будет слишком ниже по стандартам стоять.
avatar