Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Не корректное отображение картинокавтор лексей2222 Сегодня в 10:29
» Переход с 2x2forum.ru на 2x2forum.com
автор лексей2222 Март 21st 2024, 21:59
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54
» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09
скроллер!
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Re: скроллер!
Данный скрипт можно установить.
Общий алгоритм действий:
1) Скачать и распаковать архив.
2) Поставить в нужное место форума html-код с картинками для скроллера
3) Залить скрипты на http://yourjavascript.com/ или https://patmax.error/ получить прямые ссылки и вставить их в форум
4) Установить скрипт настройки.
Если Вы не уверены, что сможете сделать это сами, то подождите, пожалуйста, пока я не проделаю все это на тестовике и выложу готовый рабочий результат.
Общий алгоритм действий:
1) Скачать и распаковать архив.
2) Поставить в нужное место форума html-код с картинками для скроллера
3) Залить скрипты на http://yourjavascript.com/ или https://patmax.error/ получить прямые ссылки и вставить их в форум
4) Установить скрипт настройки.
Если Вы не уверены, что сможете сделать это сами, то подождите, пожалуйста, пока я не проделаю все это на тестовике и выложу готовый рабочий результат.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: скроллер!
Вот так будет выглядеть результат:
1. Устанавливаете в требуемое место форума (я для примера ставила в приветствие на главной странице) скрипты + сам код скроллера:
2. В СSS добавляете настройки:
Размер иконок можно менять, но в таком случае надо будет подстраивать высоту блока под их новые размеры.
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>
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 |
Re: скроллер!
Не за что! Если что — уточняйте про настройки.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: скроллер!
Спасибо!
все и так очень даже понятно!!!!
все подписано...
а что не подписано, то не сложно догадаться за что отвечает!!!
Уже настраиваю под свой форум!
все и так очень даже понятно!!!!
все подписано...
а что не подписано, то не сложно догадаться за что отвечает!!!
Уже настраиваю под свой форум!
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения