Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами 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
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Как сделать шапку с эффектом параллакса на phpBB3?
В этой теме говорится, что можно, но тогда не было возможности влезать в шаблон в phpBB3. Теперь эта возможность есть.
Заранее спасибо!
Заранее спасибо!
Последний раз редактировалось: Moonlight (Июнь 22nd 2014, 19:03), всего редактировалось 2 раз(а)
Re: Как сделать шапку с эффектом параллакса на phpBB3?
Делаете все, как в этой теме, только код
ставите в шаблон overall_header (Верхняя часть страницы) вместо фрагмента
а скрипт
добавляете в том же шаблоне перед тегом
Сохраняете и публикуете (!) измененный шаблон. Проверяете, работает ли анимация. И если все работает, видоизменяете по своему вкусу (заменяете ссылки изображений, корректируете их ширину и пр.)
- Код:
<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 |
Re: Как сделать шапку с эффектом параллакса на phpBB3?
У меня получился ужас.. Хотя я и не верила в удачу с первой попытки! Посмотрите, плз, в чем я ошиблась??
Надо ли было добавлять в CSS вот это:
Надо ли было добавлять в CSS вот это:
- Код:
#mindscape {
width: 750px;
height: 174px;
margin: 0 auto;
}
Re: Как сделать шапку с эффектом параллакса на phpBB3?
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как сделать шапку с эффектом параллакса на phpBB3?
Dana Domirani, все, дошло-таки! Спасибо огромное!
Re: Как сделать шапку с эффектом параллакса на phpBB3?
1. Совет: не храните изображения на радикале, они оттуда могут безо всяких предупреждений пропасть + часто виснут
2. Высота вот этой картинки
370px, ориентируйтесь именно на ее высоту.
2. Высота вот этой картинки
370px, ориентируйтесь именно на ее высоту.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как сделать шапку с эффектом параллакса на phpBB3?
Dana Domirani, да-да, я что-то стормознула. Спасибо, все сделала.
Обязательно перевешу.
Обязательно перевешу.
Re: Как сделать шапку с эффектом параллакса на phpBB3?
Возникла проблемка, на экранах планшета и телефона шапка растягивается:
Настройки из этой темы сделаны: https://help.forum2x2.ru/t16888-topic
Можно ли сделать такую шапку тоже резиновой? Спасибо!
Настройки из этой темы сделаны: https://help.forum2x2.ru/t16888-topic
Можно ли сделать такую шапку тоже резиновой? Спасибо!
Re: Как сделать шапку с эффектом параллакса на phpBB3?
Дык скрипт замешан на разнице между численными ширинами фона и остальных слоев В процентах анимация не получится.
Не забывайте сюда заглядывать!
Pls, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)
Pls, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)
Re: Как сделать шапку с эффектом параллакса на phpBB3?
IceQueen, значит, такая шапка с папаллаксом резиновой не станет?
Re: Как сделать шапку с эффектом параллакса на phpBB3?
У меня не получилось Как только пишешь ширину в процентах, анимация отваливается.
Не забывайте сюда заглядывать!
Pls, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)
Pls, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)
Похожие темы
» Шапка с эффектом параллакса
» Как сделать красивое ПОП-АП окно для входа в phpBB3
» Как сделать сделать добавление из вк на phpBB3 ?
» А для phpbb3 как сделать?
» Как сделать шапку?
» Как сделать красивое ПОП-АП окно для входа в phpBB3
» Как сделать сделать добавление из вк на phpBB3 ?
» А для phpbb3 как сделать?
» Как сделать шапку?
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения