|
Жидкая страница 404 созданная на HTML5
|
|
| XemorDio | Четверг, 12 Мая 2016, 06:41 | Сообщение 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
| | Страна: (RU) |
| |
| Kosten | Четверг, 12 Мая 2016, 18:48 | Сообщение 2 |
| Смотрится нормально, один вопрос, просто не проверить, эта страница адаптированная под мобильные устройства?
| | Страна: (RU) |
| |
| feliksteg | Четверг, 12 Мая 2016, 19:54 | Сообщение 3 |
| Kosten, сейчас пока сильно за это не наказывает. Если и будет наказание, то только понизят все запросы и то когда наберётся много жалоб, точно зная, так Яндекс делает. Но снятие обойдётся около месяца, но сейчас обновление Ап идут как в старые времена, это 2_3 раза в неделю, тогда быстрей. Если ктонезнает и приписывается с платном, то если пишут с вас сняли фильтр, то это не означает что с этой инуты все заработает. Только все происходит после обновление.
| | Страна: (RU) |
| |
