» »

Страница ошибки 404 "Star Wars"


Страница ошибки 404 "Star Wars"

Посмотрел какой популярностью пользуются страницы ошибок 404 и решил добавить что то своё, давно хотел куда нибудь упрятать анимацию в стиле Звёздных войн, анимация происходит на CSS3, вот кто создал анимацию я точно не уверен и поэтому не даю ссылку на источник. Вообщем смотрите что у меня вышло:

Страницу делал без оглядок на старые браузеры, уж извините, фоновое изображение взял форматом 1920 на 1080 и в стилях задал cover для мало мальского масштабирования под различные экраны.

Фоновая музыка конечно же взята из самого фильма Звёздные войны (Основная тема), файл mp3 весит около 3.05Мб, и ссылку даю со своего сайта так как администратор сайта наложил жёсткий лимит на размер архива Ссылка. Используем тут html5 и тег audio, добавил авто воспроизведение и повтор композиции.

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

В стилях можно заметить я подгружаю шрифты "STARWARS", нашёл максимально приближённый шрифт и добавил его в Title страницы. Все файлы уже в архиве, так что заливаем папку 404 в корень сайта, отдельно бросаем саму страницу 404html, проверьте все пути к ссылкам изображения,музыки, стилей так как я когда делал страницу у меня другие ссылки были и я мог забыть что то переправить.

Вообщем временно со своего сайта даю Демо
08.09.2016 Загрузок: 6 Просмотров: 273 Комментарий: (8)

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

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

Комментарий: 8
Kosten
Kosten 08.09.2016 17:401
0
Прикольно, как помню, это же звездные войны, а это дупло должно быть звезда смерти, как то так. biggrin
FeStemBer
FeStemBer 08.09.2016 19:412
0
В первые вижу такую страницу, сделано оригинально, спору нет.
Сафрон
Сафрон 08.09.2016 20:153
0
Можно на любой темный сайт поставить, но там как вижу изображение больше как дизайн идет, его можно поменять, но только чтоб темное было и на кино сайт как раз это подойдет.
Kosten
Kosten 08.09.2016 21:494
0
Это точно, так как там обои можно поставить любые, но цвет идет у шрифта светло желтый и здесь правильно, чтоб они были по тимнее.
Angerfist
Angerfist 08.09.2016 23:385
0
Шрифт такого цвета сами понимаете почему, он в заставке к фильму тоже жёлтый smile
Kosten
Kosten 08.09.2016 23:446
0
Но так то его можно поменять на темный, если фоновый рисунок будет светлый.
Angerfist
Angerfist 08.09.2016 23:497
0
Да конечно, шрифт, фон, текст и музыку и другая страница получится)
Сафрон
Сафрон 09.09.2016 00:128
0
Так ее можно вообще переделать и описание и поставить свою музыку, надо заняться, что то она мне понравилась, посмотрим что выйдет.
avatar