» »

Темная страница 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
23.04.2017 Загрузок: 2 Просмотров: 412 Комментарий: (7)

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

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

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