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

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


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

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

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


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

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

слайдшоу в блоке

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

слайдшоу в блоке

Сообщение автор Linet в Ср 9 Окт - 21:00

Вот по этой ссылке:
http://help.forum2x2.ru/t20438-topic#203411
Я бы хотела поставить это слайдшоу в блок над форумом, но проблема в том, что он должен быть либо в html либо в виджете, но блок у меня прописан в шаблоне overall_header.
Можно ли его как-то адаптировать?
avatar
Linet
 

Женщина

Сообщения : 206
Возраст : 28
Регистрация : 2012-07-05
Благодарности : 13

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

http://nfsims3.forumsclub.com

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

Re: слайдшоу в блоке

Сообщение автор Домовой в Ср 9 Окт - 22:32

Это ставите в CSS

Код:
/* оформление и размер блока */
#slider_cont {
background-color:#FFF;
border:2px solid #006699;
margin:5px;
width:670px!important;
padding:1px;
}

/* кнопка следующее изображение */
.bx-prev {
position:absolute;
top:45%;
left:1px;
width:31px;
height:31px;
text-indent:-999999px;
background:url(http://i40.servimg.com/u/f40/14/80/95/87/gray_p10.png) no-repeat 0 -30px;
}

/* кнопка предыдущее изображение */
.bx-next {
position:absolute;
top:45%;
right:1px;
width:31px;
height:31px;
text-indent:-999999px;
background:url(http://i40.servimg.com/u/f40/14/80/95/87/gray_n10.png) no-repeat 0 -30px;
}

/* для кнопок при наведении курсора */
.bx-next:hover,.bx-prev:hover {
background-position:0 0;
border:0;
}

Это ставите в ваш блок

Код:
<script type="text/javascript" src="http://yourjavascript.com/21139232152/bxslider.min.js"></script>
<script type="text/javascript" src="http://yourjavascript.com/11225442391/common.js"></script>
<center> <div id="slider_cont">
<div id="slider1">
<div><img src="http://ссылка на картинку"/></div>
<div><img src="http://ссылка на картинку"/></div>
<div><img src="http://ссылка на картинку"/></div>
<div><img src="http://ссылка на картинку"/></div>
<div><img src="http://ссылка на картинку"/></div>
<div><img src="http://ссылка на картинку"/></div>
</div>
</div></center>

А это ставите в модуль Javascript
Отображение: На всех страницах

Код:
jQuery(document).ready(function(){
    jQuery('#slider1').bxSlider({
  auto: true,           // true, false - автоматическая смена слайдов
  speed: 600,      // целое число - в милисекундах, скорость смены слайдов
 pause: 4000,  // целое число - в милисекундах, период между сменами слайдов
    });
  });

Результат
http://domovoy.forumy2x2.ru/
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 94
Регистрация : 2010-01-30
Благодарности : 3233

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

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

Re: слайдшоу в блоке

Сообщение автор Linet в Чт 10 Окт - 14:23

Спасибо большое, спасли))
avatar
Linet
 

Женщина

Сообщения : 206
Возраст : 28
Регистрация : 2012-07-05
Благодарности : 13

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

http://nfsims3.forumsclub.com

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

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


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