Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Поделиться ссылкой

Мы в социальных сетях



- Правила форума -

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

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

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор Moonlight в Сб 21 Июн - 11:25

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

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


Последний раз редактировалось: Moonlight (Вс 22 Июн - 19:03), всего редактировалось 2 раз(а)

Moonlight
 
 

Пол : Женщина
Сообщения : 213
Возраст : 34
Карма : Без предупреждений
Благодарности : 5
Регистрация : 2014-03-13

http://www.dieter-bohlen.org

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Сб 21 Июн - 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>
            <!-- BEGIN switch_h1 -->
            <div id="site-title">{switch_h1.MAIN_SITENAME}</div>
            <!-- END switch_h1 -->
            <!-- BEGIN switch_desc -->
            <p>{switch_desc.SITE_DESCRIPTION}</p>
            <!-- END switch_desc -->
         </div>

         <span class="corners-bottom"><span></span></span></div>

а скрипт

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

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

Код:
</head>

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


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21914
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8765
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Moonlight в Сб 21 Июн - 12:23

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

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

Moonlight
 
 

Пол : Женщина
Сообщения : 213
Возраст : 34
Карма : Без предупреждений
Благодарности : 5
Регистрация : 2014-03-13

http://www.dieter-bohlen.org

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Сб 21 Июн - 12:28

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

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


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21914
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8765
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Moonlight в Сб 21 Июн - 12:30

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

Moonlight
 
 

Пол : Женщина
Сообщения : 213
Возраст : 34
Карма : Без предупреждений
Благодарности : 5
Регистрация : 2014-03-13

http://www.dieter-bohlen.org

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Сб 21 Июн - 12:37

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

2. Высота вот этой картинки

370px, ориентируйтесь именно на ее высоту.


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21914
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8765
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Moonlight в Сб 21 Июн - 12:39

Dana Domirani, да-да, я что-то стормознула. Спасибо, все сделала.
Обязательно перевешу.   girl_yes

Moonlight
 
 

Пол : Женщина
Сообщения : 213
Возраст : 34
Карма : Без предупреждений
Благодарности : 5
Регистрация : 2014-03-13

http://www.dieter-bohlen.org

Вернуться к началу Перейти вниз

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

Сообщение автор Moonlight в Вс 22 Июн - 9:41

Возникла проблемка, на экранах планшета и телефона шапка растягивается:


Настройки из этой темы сделаны: http://help.forum2x2.ru/t16888-topic

Можно ли сделать такую шапку тоже резиновой? Спасибо!

Moonlight
 
 

Пол : Женщина
Сообщения : 213
Возраст : 34
Карма : Без предупреждений
Благодарности : 5
Регистрация : 2014-03-13

http://www.dieter-bohlen.org

Вернуться к началу Перейти вниз

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

Сообщение автор IceQueen в Вс 22 Июн - 15:08

Дык скрипт замешан на разнице между численными ширинами фона и остальных слоев unknown В процентах анимация не получится.



Не забывайте сюда заглядывать!

Pls, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)

IceQueen
Помощник
Помощник

Пол : Женщина
Сообщения : 1110
Возраст : 27
Карма : Без предупреждений
Благодарности : 476
Регистрация : 2009-05-31

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор Moonlight в Вс 22 Июн - 15:45

IceQueen, значит, такая шапка с папаллаксом резиновой не станет?

Moonlight
 
 

Пол : Женщина
Сообщения : 213
Возраст : 34
Карма : Без предупреждений
Благодарности : 5
Регистрация : 2014-03-13

http://www.dieter-bohlen.org

Вернуться к началу Перейти вниз

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

Сообщение автор IceQueen в Вс 22 Июн - 17:29

У меня не получилось  pardon Как только пишешь ширину в процентах, анимация отваливается.



Не забывайте сюда заглядывать!

Pls, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)

IceQueen
Помощник
Помощник

Пол : Женщина
Сообщения : 1110
Возраст : 27
Карма : Без предупреждений
Благодарности : 476
Регистрация : 2009-05-31

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения