• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Жидкая страница 404 созданная на HTML5
Жидкая страница 404 созданная на HTML5
XemorDio
Четверг, 12 Мая 2016 | Сообщение 1
Оффлайн
Vip
Сообщений:108
Награды: 1


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

Скачать архив!
Для начала посмотрите ДЕМО.

Установка:
Создайте пустой документ 404.htm и поместите в него следующее:
Код
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="/css/wave.css">
<script src="/js/jquery.min.js"></script>
<title></title>
</head>
<body>
<!--
Inspired by hakim.se/experiments/html5/wave/03/
* Added bubble burst on click
* Text wave animation
-->
<canvas id="background" style="z-index: 0; position: absolute; top:0px; left: 0px"></canvas>
<canvas id="world" style="z-index: 2; position: absolute; top:0px; left: 0px"></canvas>
<div>
<div class="cloud x1"></div>
<!-- Time for multiple clouds to dance around -->
<div class="cloud x2"></div>
<div class="cloud x3"></div>
<div class="cloud x4"></div>
<div class="cloud x5"></div>
</div>
<script src="/js/wave.js"></script>
</body>
</html>


Осталось лишь залить два JS файла в папку js и один CSS файл в папку css

P.S. Также в архиве лежит уже полностью рабочая страничка 404.htm
Прикрепления: 1397940.png (31.7 Kb)
Страна: (RU)
Kosten
Четверг, 12 Мая 2016 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Смотрится нормально, один вопрос, просто не проверить, эта страница адаптированная под мобильные устройства?
Страна: (RU)
feliksteg
Четверг, 12 Мая 2016 | Сообщение 3
Оффлайн
Пользователи
Сообщений:134
Награды: 0
Kosten, сейчас пока сильно за это не наказывает. Если и будет наказание, то только понизят все запросы и то когда наберётся много жалоб, точно зная, так Яндекс делает. Но снятие обойдётся около месяца, но сейчас обновление Ап идут как в старые времена, это 2_3 раза в неделю, тогда быстрей. Если ктонезнает и приписывается с платном, то если пишут с вас сняли фильтр, то это не означает что с этой инуты все заработает. Только все происходит после обновление.
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Жидкая страница 404 созданная на HTML5
  • Страница 1 из 1
  • 1
Поиск: