Помогите установить в центре картинку в вертикальной карусели на главной странице сайта, картинки съезжают вправо. http://zimaleto-perm.ru/
И еще... как скруглить углы рамки этой карусели? заранее спасибо.
1
Центровать Картинку В Вертикальной Карусели На Главной Странице
Автор Rosalina, 14 нояб. 2013 06:49
Сообщений в теме: 6
#1
Отправлено 14 Ноябрь 2013 - 06:49
#2
Отправлено 14 Ноябрь 2013 - 08:42
Здравствуйте, для того чтоб закруглить слайдер
найдите у себя в файле nyro_default.css код
Насчет "картинки съезжают вправо" можете показать это на скриншоте, сейчас у Вас слайдер находится ровно по центру и все слайды тоже фиксированы и никуда не съезжают
найдите у себя в файле nyro_default.css код
.theme-default .nivoSlider { position:relative; background:#fff url(http://design.zimaleto-perm.ru/nyro_loading.gif) no-repeat 50% 50%; margin-bottom:1px; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a; }замените его на
.theme-default .nivoSlider { position:relative; background:#fff url(http://design.zimaleto-perm.ru/nyro_loading.gif) no-repeat 50% 50%; margin-bottom:1px; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a; border-radius: 10px; }
Насчет "картинки съезжают вправо" можете показать это на скриншоте, сейчас у Вас слайдер находится ровно по центру и все слайды тоже фиксированы и никуда не съезжают
#4
Отправлено 14 Ноябрь 2013 - 09:21
Найдите у себя в файле HTML код
поменяйте его на
<ul id="mycarousel" class="jcarousel jcarousel-skin-tango"> <li><a href="http://zimaleto-perm.ru/catalog/%D1%81%D0%BD%D0%B5%D0%B3%D0%BE%D0%BA%D0%B0%D1%82%D1%8B"><img alt="" src="http://st.zimaleto-perm.ru/1/813/020/e_lektromobili.png" style="width: 200px; height: 145px;" /></a></p> <li><a href="http://zimaleto-perm.ru/catalog/%D0%A1%D0%90%D0%9D%D0%9A%D0%98-%D0%94%D0%95%D0%A2%D0%A1%D0%9A%D0%98%D0%95"><img alt="" src="http://st.zimaleto-perm.ru/1/748/172/sanki.png" style="width: 200px; height: 145px;" /></a></p> <li><p><a href="http://zimaleto-perm.ru/catalog/%D1%81%D0%BD%D0%B5%D0%B3%D0%BE%D0%BA%D0%B0%D1%82%D1%8B"><img alt="" src="http://st.zimaleto-perm.ru/1/748/168/snegokat.png" style="width: 200px; height: 145px;" /></a></p> <li><p><a href="http://zimaleto-perm.ru/catalog/%D1%81%D0%BD%D0%BE%D1%83%D0%BF%D0%BB%D0%B0%D0%BD%D1%8B"><img alt="" src="http://st.zimaleto-perm.ru/1/748/176/snouplany.png" style="width: 200px; height: 145px;" /></a></p> </ul>
поменяйте его на
<ul id="mycarousel" class="jcarousel jcarousel-skin-tango"> <li><a href="http://zimaleto-perm.ru/catalog/%D1%81%D0%BD%D0%B5%D0%B3%D0%BE%D0%BA%D0%B0%D1%82%D1%8B"><img alt="" src="http://st.zimaleto-perm.ru/1/813/020/e_lektromobili.png" style="width: 192px; height: 145px;" /></a></p> <li><a href="http://zimaleto-perm.ru/catalog/%D0%A1%D0%90%D0%9D%D0%9A%D0%98-%D0%94%D0%95%D0%A2%D0%A1%D0%9A%D0%98%D0%95"><img alt="" src="http://st.zimaleto-perm.ru/1/748/172/sanki.png" style="width: 192px; height: 145px;" /></a></p> <li><p><a href="http://zimaleto-perm.ru/catalog/%D1%81%D0%BD%D0%B5%D0%B3%D0%BE%D0%BA%D0%B0%D1%82%D1%8B"><img alt="" src="http://st.zimaleto-perm.ru/1/748/168/snegokat.png" style="width: 192px; height: 145px;" /></a></p> <li><p><a href="http://zimaleto-perm.ru/catalog/%D1%81%D0%BD%D0%BE%D1%83%D0%BF%D0%BB%D0%B0%D0%BD%D1%8B"><img alt="" src="http://st.zimaleto-perm.ru/1/748/176/snouplany.png" style="width: 192px; height: 145px;" /></a></p> </ul>
#5
Отправлено 14 Ноябрь 2013 - 10:01
Спасибо, я поняла, что изменить размер картинок... сделала. Но расстояние слева и справа все равно разное. Как исправить? Не за счет уменьшения размера картинок и именно установка в центр.
#6
Отправлено 14 Ноябрь 2013 - 10:39
найдите в файле scin.css код
и замените на
.jcarousel-skin-tango .jcarousel-container-vertical { width: 180px; height: 300px; padding: 40px 20px; }
и замените на
.jcarousel-skin-tango .jcarousel-container-vertical { width: 197px; height: 300px; padding: 40px 10px; padding-left: 16px; }
#7
Отправлено 14 Ноябрь 2013 - 11:10
Все, супер, получилось!!! Спасибо за профессиональную оперативную помощь.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных