Как сделать шапку с эффектом параллакса на phpBB3?

автор Moonlight Июнь 21st 2014, 11:25

В этой теме говорится, что можно, но тогда не было возможности влезать в шаблон в phpBB3. Теперь эта возможность есть.

Заранее спасибо!

автор **Dana Domirani** Июнь 21st 2014, 11:49

Делаете все, как в этой теме, только код

Код:: <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>

ставите в шаблон overall_header (Верхняя часть страницы) вместо фрагмента

Код:: <div class="inner"><span class="corners-top"><span></span></span> <div id="logo-desc"> <a href="{U_INDEX}" id="logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>  <div id="site-title">{switch_h1.MAIN_SITENAME}</div>   <p>{switch_desc.SITE_DESCRIPTION}</p>  </div> <span class="corners-bottom"><span></span></span></div>

а скрипт

Код:: <script type="text/javascript" src="http://www.patmax.eu/J1/130105105640.js"></script>

добавляете в том же шаблоне перед тегом

Код:: </head>

Сохраняете и публикуете (!) измененный шаблон. Проверяете, работает ли анимация. И если все работает, видоизменяете по своему вкусу (заменяете ссылки изображений, корректируете их ширину и пр.)

автор Moonlight Июнь 21st 2014, 12:23

У меня получился ужас..

Хотя я и не верила в удачу с первой попытки! Посмотрите, плз, в чем я ошиблась??
Надо ли было добавлять в CSS вот это:

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

автор **Dana Domirani** Июнь 21st 2014, 12:28

Вот что должно было получится: пример

Да, настройки CSS нужно было добавлять.

автор Moonlight Июнь 21st 2014, 12:30

Dana Domirani, все, дошло-таки! Спасибо огромное!

автор **Dana Domirani** Июнь 21st 2014, 12:37

1. Совет: не храните изображения на радикале, они оттуда могут безо всяких предупреждений пропасть + часто виснут

2. Высота вот этой картинки
Как сделать шапку с эффектом параллакса на phpBB3? 9472720904a8