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

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


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

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



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

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


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

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

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

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

Решено Двигающаяся шапка

Сообщение автор drug00118 в Сб 5 Янв - 13:13

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


Последний раз редактировалось: drug00118 (Сб 5 Янв - 13:42), всего редактировалось 2 раз(а)

drug00118
Новичок

Пол : Мужчина
Сообщения : 15
Карма : Без предупреждений
Благодарности : 2
Регистрация : 2012-12-15

http://www.volfo.ru/

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

Решено Re: Двигающаяся шапка

Сообщение автор Леший в Сб 5 Янв - 13:14

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

Это какую ???

Леший
 
 

Пол : Мужчина
Сообщения : 2121
Место обитания : Сибирь
Настроение : Мрачное
Карма : Без предупреждений
Благодарности : 345
Регистрация : 2012-10-05

http://black-kat.forum2x2.ru

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

Решено Демо

Сообщение автор drug00118 в Сб 5 Янв - 13:20


drug00118
Новичок

Пол : Мужчина
Сообщения : 15
Карма : Без предупреждений
Благодарности : 2
Регистрация : 2012-12-15

http://www.volfo.ru/

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

Решено Re: Двигающаяся шапка

Сообщение автор Dana Domirani в Сб 5 Янв - 13:36

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

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


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


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


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



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

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

http://poltergeist-legacy.com/

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

Решено Re: Двигающаяся шапка

Сообщение автор drug00118 в Сб 5 Янв - 13:39

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

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

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

drug00118
Новичок

Пол : Мужчина
Сообщения : 15
Карма : Без предупреждений
Благодарности : 2
Регистрация : 2012-12-15

http://www.volfo.ru/

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

Решено Re: Двигающаяся шапка

Сообщение автор Dana Domirani в Сб 5 Янв - 14:18

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

1. В ПА > Общие > Объявление включаете и настраиваете:
Активировать объявления : Да
Показ объявлений : Все страницы
Прокрутка : Дезактивировать
Сохраняете.
Создаете новый файл объявления кнопкой plus
Имя : любое
Содержание : сюда помещаете скрипт и изображение будущего баннера
Код:
<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)!
Сохраняете.

ЖИВОЙ ПРИМЕР


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


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


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



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

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

http://poltergeist-legacy.com/

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

Решено Re: Двигающаяся шапка

Сообщение автор Леший в Сб 5 Янв - 14:31

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

Леший
 
 

Пол : Мужчина
Сообщения : 2121
Место обитания : Сибирь
Настроение : Мрачное
Карма : Без предупреждений
Благодарности : 345
Регистрация : 2012-10-05

http://black-kat.forum2x2.ru

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

Решено Re: Двигающаяся шапка

Сообщение автор drug00118 в Сб 5 Янв - 14:36

Спасибо Dana!!!

drug00118
Новичок

Пол : Мужчина
Сообщения : 15
Карма : Без предупреждений
Благодарности : 2
Регистрация : 2012-12-15

http://www.volfo.ru/

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

Решено Re: Двигающаяся шапка

Сообщение автор Dana Domirani в Сб 5 Янв - 14:52

Пожалуйста!

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>


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


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


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



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

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

http://poltergeist-legacy.com/

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

Решено Re: Двигающаяся шапка

Сообщение автор drug00118 в Сб 5 Янв - 15:35

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

drug00118
Новичок

Пол : Мужчина
Сообщения : 15
Карма : Без предупреждений
Благодарности : 2
Регистрация : 2012-12-15

http://www.volfo.ru/

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

Решено Re: Двигающаяся шапка

Сообщение автор Dana Domirani в Сб 5 Янв - 17:01

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


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


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


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



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

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

http://poltergeist-legacy.com/

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

Решено Re: Двигающаяся шапка

Сообщение автор drug00118 в Сб 5 Янв - 17:20

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

drug00118
Новичок

Пол : Мужчина
Сообщения : 15
Карма : Без предупреждений
Благодарности : 2
Регистрация : 2012-12-15

http://www.volfo.ru/

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

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


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