Двигающаяся шапка

Всем привет! хотел бы узнать возможно ли сделать Вот такую двигающуюся шапку на phpBB3 ?

drug00118 пишет:Всем привет! хотел бы узнать возможно ли сделать вот такую двигающуюся шапку на phpBB3 ?

Это какую ???

Леший пишет:
Это какую ???

демо: http://www.htmldrive.net/items/demo/214/Smart3D-images-jQuery-plugin

С эффектом параллакса? Боюсь, что на BB3 можно поставить такой блок только в объявление.

Для шапки потребуется доступ к шаблонам, чтобы встроить код с двумя изображениями, которые потом будут обрабатываться скриптом.

Dana Domirani пишет:С эффектом параллакса? Боюсь, что на BB3 можно поставить такой блок только в объявление.

Для шапки потребуется доступ к шаблонам, чтобы встроить код с двумя изображениями, которые потом будут обрабатываться скриптом.

Приветствую вас Dana!
Можно по подробнее как это реализовать?
Буду очень признателен!

Пример установки в объявление для любого движка (шаблоны не нужны)

1. В ПА > Общие > Объявление включаете и настраиваете:
Активировать объявления : Да
Показ объявлений : Все страницы
Прокрутка : Дезактивировать
Сохраняете.
Создаете новый файл объявления кнопкой
Имя : любое
Содержание : сюда помещаете скрипт и изображение будущего баннера

Код:

<script type="text/javascript" src="http://www.patmax.eu/J1/130105105640.js"></script>
<ul id="mindscape">
<li><img src="http://i13.servimg.com/u/f13/16/54/26/99/mindsc10.png" alt="фон" /></li>
<li><img src="http://i13.servimg.com/u/f13/16/54/26/99/mindsc11.png" alt="первый план" /></li>
</ul>

Заменяете ссылки изображений фона и первого плана на свои собственные. Ширина картинок одинаковая (в примере 850px). Сохраняете.

2. В CSS добавляете настройки для баннера:

Код:

#mindscape {
  width: 750px;
  height: 174px;
  margin: 0 auto;
}

Обратите внимание: ширина баннера в CSS задается немного меньшей (750px), чем ширина самих изображений (850px)!
Сохраняете.

3. В ПА > Модули > Управление кодами Javascript включаете
Активировать управление кодами Javascript : да
и создаете новый файл скрипта
Название : движущийся баннер
Расположение : На всех страницах
Код Javascript :

Код:

$(function() {
$('#mindscape').smart3d(850);
});

Обратите внимание: здесь указывается ширина, соответствующая ширине изображения (850px)!
Сохраняете.

ЖИВОЙ ПРИМЕР

Интересное решение , я запомню , надо попробовать )))

Спасибо Dana!!!

Пожалуйста!

P.S. уточню, что изображений-"слоев" в баннере может быть больше двух.
Их можно наращивать, добавляя в код строки

Код:

<li><img src="адрес изображения" alt="название слоя" /></li>

Чем ниже строка в коде — тем выше изображение будет находится в баннере.

Пример кода баннера с четырьмя слоями:

Код:

<ul id="mindscape">
<li><img src="http://i13.servimg.com/u/f13/16/54/26/99/mindsc10.png" alt="фон" /></li>
<li><img src="http://i13.servimg.com/u/f13/16/54/26/99/rl4v10.png" alt="звезды" /></li>
<li><img src="http://i13.servimg.com/u/f13/16/54/26/99/mindsc11.png" alt="первый план" /></li>
<li><img src="http://i13.servimg.com/u/f13/16/54/26/99/rl7e10.png" alt="название" /></li>
</ul>

Еще вопрос, Можно как то сделать чтобы эта картинка была (или другая) с фиксированным размером 100% (или99% ) в ширину форума и подстраивалась под все мониторы?

Нет, увы. Нужна ширина в цифрах, а не в процентах.

Думаю если поставить побольше картинку и выставить размер 1000px. должно получится нормально!