Анимационный фон для phpBB 3.1.x

Новая версия - новые вопросы.
Попробуем разобраться со всеми возникшими вопросами вместе.
Аватара пользователя
romaamor

Анимационный фон для phpBB 3.1.x

romaamor 21 фев 2015, 20:58 Сообщение

Добрый вечер. Есть к примеру такой код анимационного фона -

Код: Выделить всё

<!DOCTYPE html> <html lang="en"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="description" content=""/> <title>Фоновый эффект - Звездное небо</title> <link href="http://bayguzin.ru/demo2014/zvezdnoe_nebo/css/night.css" rel="stylesheet"/> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <script src="../../docs-assets/js/respond.min.js"></script> <![endif]--> <canvas id="pixie"></canvas> <div class="container"> </div> <script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"></script> <script src="http://bayguzin.ru/demo2014/zvezdnoe_nebo/js/parallaxsoon.js" type="text/javascript"></script>



Пробовал ставить просто в хедер, фон работает но перекрывает родные функции форума. Как бы поверху получается. Как правельно сменить фон ?

Аватара пользователя
CabinetAdmin

Анимационный фон для phpBB 3.1.x

CabinetAdmin 21 фев 2015, 21:10 Сообщение

Можно попробовать использовать position: absolute; для блока на переднем фоне.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
romaamor

Анимационный фон для phpBB 3.1.x

romaamor 21 фев 2015, 22:21 Сообщение

CabinetAdmin писал(а):Источник цитаты Можно попробовать использовать position: absolute;

А по подробней можно ? А то не понял. :scratch:

Аватара пользователя
CabinetAdmin

Анимационный фон для phpBB 3.1.x

CabinetAdmin 21 фев 2015, 23:03 Сообщение

Ну, насколько помню canvas встаёт на передний фон, ну или просто как простой элемент с заданными размерами, и чтобы поместить в него что-то другое (в данном случае сам форум) нужно позиционировать относительно от родителя и ставить его поверх него.
Грубо говоря, родительский элемент, body например, имеет свойство position: relative;, потом идёт эта анимация, которая занимает пространство на экране, и чтобы поместить сам форум на передний экран можно попробовать дать ему position: absolute;, плюс различные другие свойства, которые могут понадобиться.

Это я в теории, ибо не проверял.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект



Похожие темы

Вернуться в «Поддержка phpBB 3.1.x»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость