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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

Последние темы
» Пропала вкладка "Обработка пользователей"
автор Svet007 Вчера в 07:39

» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58

» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46

» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40

» ВПН
автор 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

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

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

Перейти вниз

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

Сообщение автор drug00118 Январь 5th 2013, 13:13

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


Последний раз редактировалось: drug00118 (Январь 5th 2013, 13:42), всего редактировалось 2 раз(а)
drug00118
drug00118
Новичок

Мужчина

Сообщения : 14
Регистрация : 2012-12-15
Благодарности : 2

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

http://www.volfo.ru/

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

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

Сообщение автор Леший Январь 5th 2013, 13:14

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

Это какую ???
avatar
Леший
 

Мужчина

Сообщения : 2143
Регистрация : 2012-10-05
Благодарности : 349

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

http://black-kat.forum2x2.ru

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

Двигающаяся шапка Empty Демо

Сообщение автор drug00118 Январь 5th 2013, 13:20

Леший пишет:
Это какую ???

демо: http://www.htmldrive.net/items/demo/214/Smart3D-images-jQuery-plugin
drug00118
drug00118
Новичок

Мужчина

Сообщения : 14
Регистрация : 2012-12-15
Благодарности : 2

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

http://www.volfo.ru/

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

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

Сообщение автор Dana Domirani Январь 5th 2013, 13:36

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

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


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

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


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


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


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

Женщина

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

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

http://poltergeist-legacy.com/

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

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

Сообщение автор drug00118 Январь 5th 2013, 13:39

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

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

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

Мужчина

Сообщения : 14
Регистрация : 2012-12-15
Благодарности : 2

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

http://www.volfo.ru/

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

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

Сообщение автор Dana Domirani Январь 5th 2013, 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)!
Сохраняете.

ЖИВОЙ ПРИМЕР


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

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


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


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


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

Женщина

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

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

http://poltergeist-legacy.com/

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

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

Сообщение автор Леший Январь 5th 2013, 14:31

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

Мужчина

Сообщения : 2143
Регистрация : 2012-10-05
Благодарности : 349

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

http://black-kat.forum2x2.ru

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

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

Сообщение автор drug00118 Январь 5th 2013, 14:36

Спасибо Dana!!!
drug00118
drug00118
Новичок

Мужчина

Сообщения : 14
Регистрация : 2012-12-15
Благодарности : 2

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

http://www.volfo.ru/

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

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

Сообщение автор Dana Domirani Январь 5th 2013, 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>


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

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


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


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


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

Женщина

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

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

http://poltergeist-legacy.com/

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

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

Сообщение автор drug00118 Январь 5th 2013, 15:35

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

Мужчина

Сообщения : 14
Регистрация : 2012-12-15
Благодарности : 2

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

http://www.volfo.ru/

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

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

Сообщение автор Dana Domirani Январь 5th 2013, 17:01

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


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

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


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


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


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

Женщина

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

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

http://poltergeist-legacy.com/

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

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

Сообщение автор drug00118 Январь 5th 2013, 17:20

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

Мужчина

Сообщения : 14
Регистрация : 2012-12-15
Благодарности : 2

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

http://www.volfo.ru/

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

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

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

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