Анимированный фон форума.

[ASPIR3]

Доброго времени суток уважаемые форумчане.
Недавно бегая по сайтам наткнулся на сайт

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

на данном форуме меня задел "анимированный" фон ,исследуя исходный код страницы я заметил что на нем повторяется видео файл формата .mp4 и .webm ,так вот решил поставить что-то подобное себе,и в итоге смог сделать только так чтобы видео-фон выставлялся выше всего форума,то есть раздел и шапка отталкиваются вниз.
Так вот прошу помощи у вас,куда нужно вставить ссылку на видео файл,ну или что отредактировать?
*Версия форума 1.1.4

 

[Hope]

Я так понимаю, что Вы уже вставили видео на фон? Тогда в EXTRA.css добавьте:

.video-container{height:100%;overflow:hidden;position:fixed;width:100%}

 

[HellFire]

Я так понимаю, что Вы уже вставил видео на фон? Тогда в EXTRA.css добавьте:

.video-container{height:100%;overflow:hidden;position:fixed;width:100%}

<div class="video-container"><video preload="auto" loop="" autoplay=""><source src="styles/default/xenforo/bg/assets/0.1_V-0_BackgroundLanding_1.webm"></source><source src="styles/default/xenforo/bg/assets/0.1_V-0_BackgroundLanding_1.mp4"></source></video></div>
<script>$.backstretch("styles/default/xenforo/bg/assets/bgbf.png");</script>

 

[Hope]

HellFire, да, да, мы умеем просматривать исходный код страницы. :-D[DOUBLEPOST=1383396925,1383396897][/DOUBLEPOST]Код выше я дал для того, чтобы фон никуда не съезжал и был зафиксирован.

 

[HellFire]

я так понимаю это html5[DOUBLEPOST=1383397094,1383397027][/DOUBLEPOST]

HellFire, да, да, мы умеем просматривать исходный код страницы. :-D[DOUBLEPOST=1383396925,1383396897][/DOUBLEPOST]Код выше я дал для того, чтобы фон никуда не съезжал и был зафиксирован.

А вообще я написал для какого куска эта css =))

 

[Hope]

А, ну ясно тогда. Я просто дал код, с тем условием, что ТС уже вставил этот кусок к себе на форум...

 

[HellFire]

И заранее извените за Оффтоп.

Я раз 5-6 заходил на этот сайт, и только когда ASPIR3, ткнул носом, что там видео, мне тоже захотелось =(((

 

[Hope]

Смотрится реально круто. :)

 

[ASPIR3]

что-то не так,вот что выходит :

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

-team.ru/forum/

 

[Hope]

Чего не выходит-то? Фон есть, всё нормально.

 

[ASPIR3]

Чего не выходит-то? Фон есть, всё нормально.

глянь сейчас

 

[Hope]

Ну и? Ничего не поменялось. Как работало, так и продолжает работать.

 

[ASPIR3]

Ну и? Ничего не поменялось. Как работало, так и продолжает работать.

промотайте вниз,там этот видео-фон скрыл подвал( то есть счетчики.обратная связь и т.д.),и скрыл панель администратора[DOUBLEPOST=1383399063,1383398778][/DOUBLEPOST]

 

[Hope]

Опять же в EXTRA.css:

footer{position:relative;padding-bottom:15px}

[DOUBLEPOST=1383399484,1383399344][/DOUBLEPOST]Для возвращения панели управления сверху, в EXTRA.css:

#moderatorBar{position:relative}

 

[ASPIR3]

Опять же в EXTRA.css:

footer{position:relative;padding-bottom:15px}

[DOUBLEPOST=1383399484,1383399344][/DOUBLEPOST]Для возвращения панели управления сверху, в EXTRA.css:

#moderatorBar{position:relative}

подвал вернулся,а вот панель управления нет

 

[Hope]

В EXTRA.css попробуйте вставить ещё:

#moderatorBar{!important;border-bottom:1px solid rgb(0, 0, 0) !important;border-bottom:1px solid rgba(0, 0, 0, 0.8) !important;_border-bottom:1px solid rgb(0, 0, 0) !important}#moderatorBar a, #moderatorBar
.itemCount{!important}#moderatorBar a:hover{!important;color:#0D1923 !important}#moderatorBar
.itemCount{background:none !important;-webkit-box-shadow:0 0 3px inset !important;-moz-box-shadow:0 0 3px inset !important;-khtml-box-shadow:0 0 3px inset !important;box-shadow:0 0 3px inset !important}

[DOUBLEPOST=1383400355,1383400322][/DOUBLEPOST]Ибо у меня на 1.2 всё работает прекрасно и без этого кода.

 

[ASPIR3]

при обновлении стиля назрели следующие проблемы,прошу помочь в решении.
1.Проблема в браузере Opera:

Данное черное "окно" появляется только в браузерах опера.
_____________________________________________
Проблема в браузере Chrome:

А должно выглядить так:
...

2.Фон этой кнопки должен быть прозрачным и поддерживать анимацию фона(то есть анимация должна быть одна),как это сделать?
3.Анимированный фон перекрывает логотип,как логотип выставить поверх фона?

 

[Hope]

1.Проблема в браузере Opera:

Это Вам к разработчикам оперы нужно...

Проблема в браузере Chrome:

Этого цвета тут быть не должно, ищите и убирайте.

 

[ASPIR3]

Это Вам к разработчикам оперы нужно...


Посмотреть вложение 8563
Этого цвета тут быть не должно, ищите и убирайте.

а на счет футера ничего не знаете?

 

[Hope]

И в подвале та же самая история, мешается чёрный цвет и как только Вы его найдёте и уберёте - эти чёрные полоски и на разделах, и в подвале пропадут с ним. :-)[DOUBLEPOST=1383510225,1383509151][/DOUBLEPOST]Правда с лого уже не знаю, тут либо свойство:

{position:absolute;}

Либо... Я не знаю, что тут либо... :)