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

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


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

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

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


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

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

скроллер!

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

скроллер!

Сообщение автор socroment в Пн 14 Янв - 18:31

Всем привет...
интересует вот такой вопрос.. возможно ли реализовать на форуме (phpBB3)
вот этот скроллер КЛАЦ!

Если да, помогите разобраться - КАК?! girl_blush girl_blush

socroment
 

Женщина

Сообщения : 166
Возраст : 29
Регистрация : 2012-12-08
Благодарности : 9

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

http://www.tosa-style.com/

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

Re: скроллер!

Сообщение автор Dana Domirani в Пн 14 Янв - 19:24

Данный скрипт можно установить.

Общий алгоритм действий:
1) Скачать и распаковать архив.
2) Поставить в нужное место форума html-код с картинками для скроллера
3) Залить скрипты на http://yourjavascript.com/ или http://www.patmax.eu/ получить прямые ссылки и вставить их в форум
4) Установить скрипт настройки.

Если Вы не уверены, что сможете сделать это сами, то подождите, пожалуйста, пока я не проделаю все это на тестовике и выложу готовый рабочий результат.



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

Re: скроллер!

Сообщение автор socroment в Пн 14 Янв - 20:51

ой, было б замечательно.. а то я уже и так и эдак... ничего не выходит ....
et

socroment
 

Женщина

Сообщения : 166
Возраст : 29
Регистрация : 2012-12-08
Благодарности : 9

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

http://www.tosa-style.com/

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

Re: скроллер!

Сообщение автор Dana Domirani в Пн 14 Янв - 21:55

Вот так будет выглядеть результат:



1. Устанавливаете в требуемое место форума (я для примера ставила в приветствие на главной странице) скрипты + сам код скроллера:
Код:
<script type="text/javascript" src="http://www.patmax.eu/J1/130114175542.js"></script>
<script type="text/javascript" src="http://www.patmax.eu/J1/130114175800.js"></script>
<script type="text/javascript" src="http://www.patmax.eu/J1/130114180310.js"></script><div class="scroller demo1">
   <div class="inside">
      <a href="#"><img src="http://i13.servimg.com/u/f13/16/54/26/99/img210.jpg" alt="" /></a>
      <a href="#"><img src="http://i13.servimg.com/u/f13/16/54/26/99/img310.jpg" alt="" /></a>
      <a href="#"><img src="http://i13.servimg.com/u/f13/16/54/26/99/img410.jpg" alt="" /></a>
      <a href="#"><img src="http://i13.servimg.com/u/f13/16/54/26/99/img510.jpg" alt="" /></a>
      <a href="#"><img src="http://i13.servimg.com/u/f13/16/54/26/99/img610.jpg" alt="" /></a>
      <a href="#"><img src="http://i13.servimg.com/u/f13/16/54/26/99/img710.jpg" alt="" /></a>
      <a href="#"><img src="http://i13.servimg.com/u/f13/16/54/26/99/img810.jpg" alt="" /></a>
      <a href="#"><img src="http://i13.servimg.com/u/f13/16/54/26/99/img910.jpg" alt="" /></a>
      <a href="#"><img src="http://i13.servimg.com/u/f13/16/54/26/99/img1210.jpg" alt="" /></a>
      <a href="#"><img src="http://i13.servimg.com/u/f13/16/54/26/99/img1410.jpg" alt="" /></a>
      <a href="#"><img src="http://i13.servimg.com/u/f13/16/54/26/99/img1510.jpg" alt="" /></a>
      <a href="#"><img src="http://i13.servimg.com/u/f13/16/54/26/99/img1110.jpg" alt="" /></a>
      <a href="#"><img src="http://i13.servimg.com/u/f13/16/54/26/99/img1010.jpg" alt="" /></a>
      <a href="#"><img src="http://i13.servimg.com/u/f13/16/54/26/99/img110.jpg" alt="" /></a>
   </div>
</div>
Ссылки на изображения https://i13.servimg.com/u/f13/16/54/26/99/img210.jpg и пр. заменяете на свои картинки. В кодах ссылок <a href="#"> меняете # на нужные Вам ссылки. Сохраняете готовый результат.

2. В СSS добавляете настройки:
Код:
.demo1 {
float:left;
clear:both;
width:900px; /* ширина всего блока */
height:200px; /* высота всего блока */
overflow:hidden;
position:relative;
background-color: #ddd /* фон всего блока */
}

.demo1 .inside {
position:absolute;
top:50%;
left: 0;
height:200px; /* высота строки с иконками */
margin-top:-55px;
}

.demo1 a {
display:block;
position:absolute;
width:100px; /* ширина круглой иконки */
height:100px; /* высота круглой иконки */
overflow:hidden;
-moz-border-radius:100px;
-webkit-border-radius:100px;
border-radius:100px; /* радиус = высоте и ширине иконки */
border:5px solid #fff; /* рамка вокруг иконки */
}

Сохраняете.

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



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

Re: скроллер!

Сообщение автор socroment в Пн 14 Янв - 21:59

Дана , Вы просто ЗОЛОТО!!!!!!!!!!!!
13

ОГРОМНОЕ спасибо!!!!!!!!!!!!!

socroment
 

Женщина

Сообщения : 166
Возраст : 29
Регистрация : 2012-12-08
Благодарности : 9

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

http://www.tosa-style.com/

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

Re: скроллер!

Сообщение автор Dana Domirani в Пн 14 Янв - 22:01

Не за что! Если что — уточняйте про настройки.



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

Re: скроллер!

Сообщение автор socroment в Пн 14 Янв - 22:12

Спасибо!
все и так очень даже понятно!!!!
все подписано...
а что не подписано, то не сложно догадаться за что отвечает!!!
Уже настраиваю под свой форум!
d_daisy

socroment
 

Женщина

Сообщения : 166
Возраст : 29
Регистрация : 2012-12-08
Благодарности : 9

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

http://www.tosa-style.com/

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

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


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