Анимированная (gif) страница 404 (1 Viewer)

[Dmitriu99]

Возможно не по теме создаю, но решил выложить достаточно прикольную страницу на ошибку 404

Спойлер: Инструкция для чайников

Загрузите файл 404.php в корень сайта. htdocs/
не забудьте редактировать в 404.php по своему title, ссылку на иконку favicon
Загрузить гифку по адресу htdocs/uploads

====У кого 404 ошибка от хостинга===
другими словами при ошибки выбивает на хостинг и если по какой-то причине
нельзя изменить ссылку на свой сайт, на самом хостинге -
пропишите следующее в самом вверху, в файле .htaccess - который в корне сайта

RewriteEngine On
ErrorDocument 404 /404.html

DEMO

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[хехе бой]

Прикольно! ))
Правда всё слишком смещено вправо и выходит за границы окна браузера. Но это видимо нужно css подредактировать. На дле пробовал вставить.

 

[Dmitriu99]

Прикольно! ))
Правда всё слишком смещено вправо и выходит за границы окна браузера. Но это видимо нужно css подредактировать. На дле пробовал вставить.

в 404.php в стилях найди .content_eror и там top: 40%;left: 60%; и замени как удобно, можешь в процентном соотношении, можешь просто px.

 

[хехе бой]

в 404.php в стилях найди .content_eror и там top: 40%;left: 60%; и замени как удобно, можешь в процентном соотношении, можешь просто px.

Там нет 404.php, в архиве 404.html ))
Да, поиграл со стилями, текст выровнялся, а bg-img что то не хочет нормально установиться, слишком вправо уходит.
На досуге позанимаюсь. Делаю в статических страницах на дле, наверное поэтому не совсем как надо идёт.

 

[Евгений Попов]

Делаю в статических страницах на дле, наверное поэтому не совсем как надо идёт.

Использовать отдельную страницу для 404 ошибки​

При включении данной опции, в случае если скрипту нужно вывести сообщение о том, что отсутствует нужный контент, он будет использовать не встроенное системное сообщение, а отдельную страницу, которую вам нужно расположить в корне вашего сайта и именем 404.html, т.е. ваша страница должна располагаться например по адресу http://yoursite.com/404.html

это в основных настройках DLE, статические страницы для другого предназначены.

 

[хехе бой]

это в основных настройках DLE, статические страницы для другого предназначены.

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

 

[Евгений Попов]

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

.bg-img
position: fixed;

 

[хехе бой]

.bg-img
position: fixed;
Посмотреть вложение 1885

Ну так в стиле и прописано. Фиксед, это значит картинка зафиксирована и не перемещается скроллом страницы.
Но это не решает выход картинки за рамки макета в статической странице 404 )

 

[Евгений Попов]

Ну так в стиле и прописано. Фиксед, это значит картинка зафиксирована и не перемещается скроллом страницы.
Но это не решает выход картинки за рамки макета в статической странице 404 )

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

 

[хехе бой]

Или как то стилями сделать, чтобы картинка подстраивалась под формат экрана, как это сделано во многих современных шаблонах, когда фоновая картинка подстраивается под размер экрана.)

 

[Dmitriu99]

Или как то стилями сделать, чтобы картинка подстраивалась под формат экрана, как это сделано во многих современных шаблонах, когда фоновая картинка подстраивается под размер экрана.)

В значениях body и bg-img установлено же (width: 100%;height: 100%) заполнение ширины и высоту в соответствии с размером экрана
А насчёт положения текста, выставь top: 50%;left: 10%; (скриншоты как получилось с ПК и телефона) если ещё подшаманю, дополню.
Почему на телефоне только один участок, а не вся гифка, потому что если её сжать, будет непонятно что на вид, она идёт в ширину сама по себе.

Спойлер: Скриншоты

 

[хехе бой]

В значениях body и bg-img установлено же (width: 100%;height: 100%) заполнение ширины и высоту в соответствии с размером экрана

Почему то не работает...

А насчёт положения текста, выставь top: 50%;left: 10%;

С текстом всё выставлено, этот код работает как надо )

Вобщем нужно было подключить шаблон для статической страницы и добавил в css бека отступы, вроде получилось уместить приемлемо ))