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

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

Как сделать шапку с эффектом параллакса на phpBB3? Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

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

Как сделать шапку с эффектом параллакса на phpBB3? Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях
Важная информация!

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

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

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

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

Последние темы
» ВПН
автор Raumt Ноябрь 8th 2024, 13:51

» Дублируется ссылка на форум в боковом меню
автор Чистый сталкер Октябрь 26th 2024, 21:13

» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45

» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43

» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14

» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11

» Как загружать ролики и мультики по ссылкам напрямую
автор лексей2222 Сентябрь 14th 2024, 19:22

» Интернет адрес форума
автор Mierena Сентябрь 7th 2024, 15:24

» некоторые форумы долго загружаются
автор Raumt Сентябрь 6th 2024, 15:06

» На форуме Пропали кнопки модерации тем
автор лексей2222 Август 16th 2024, 22:36

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

Участников: 3

Перейти вниз

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

Сообщение автор Moonlight Июнь 21st 2014, 11:25

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

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


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

Женщина

Сообщения : 231
Возраст : 39
Регистрация : 2014-03-13
Благодарности : 7

Без предупреждений

http://www.dieterbohlen.org

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

Как сделать шапку с эффектом параллакса на phpBB3? Empty Re: Как сделать шапку с эффектом параллакса на 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>
            <!-- 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>

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


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

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


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


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


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

Женщина

Сообщения : 22996
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

Без предупреждений

http://poltergeist-legacy.com/

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

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

Сообщение автор Moonlight Июнь 21st 2014, 12:23

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

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

Женщина

Сообщения : 231
Возраст : 39
Регистрация : 2014-03-13
Благодарности : 7

Без предупреждений

http://www.dieterbohlen.org

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

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

Сообщение автор Dana Domirani Июнь 21st 2014, 12:28

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

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


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

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


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


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


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

Женщина

Сообщения : 22996
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

Без предупреждений

http://poltergeist-legacy.com/

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

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

Сообщение автор Moonlight Июнь 21st 2014, 12:30

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

Женщина

Сообщения : 231
Возраст : 39
Регистрация : 2014-03-13
Благодарности : 7

Без предупреждений

http://www.dieterbohlen.org

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

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

Сообщение автор Dana Domirani Июнь 21st 2014, 12:37

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

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


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

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


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


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


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

Женщина

Сообщения : 22996
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

Без предупреждений

http://poltergeist-legacy.com/

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

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

Сообщение автор Moonlight Июнь 21st 2014, 12:39

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

Женщина

Сообщения : 231
Возраст : 39
Регистрация : 2014-03-13
Благодарности : 7

Без предупреждений

http://www.dieterbohlen.org

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

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

Сообщение автор Moonlight Июнь 22nd 2014, 09:41

Возникла проблемка, на экранах планшета и телефона шапка растягивается:
Как сделать шапку с эффектом параллакса на phpBB3? 3398660bf354t

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

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

Женщина

Сообщения : 231
Возраст : 39
Регистрация : 2014-03-13
Благодарности : 7

Без предупреждений

http://www.dieterbohlen.org

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

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

Сообщение автор IceQueen Июнь 22nd 2014, 15:08

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



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

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

Женщина

Сообщения : 1432
Возраст : 35
Регистрация : 2009-05-31
Благодарности : 613

Без предупреждений

https://help.forum2x2.ru/

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

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

Сообщение автор Moonlight Июнь 22nd 2014, 15:45

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

Женщина

Сообщения : 231
Возраст : 39
Регистрация : 2014-03-13
Благодарности : 7

Без предупреждений

http://www.dieterbohlen.org

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

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

Сообщение автор IceQueen Июнь 22nd 2014, 17:29

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



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

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

Женщина

Сообщения : 1432
Возраст : 35
Регистрация : 2009-05-31
Благодарности : 613

Без предупреждений

https://help.forum2x2.ru/

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

Вернуться к началу

- Похожие темы

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