Перейти к содержимому


Центровать Картинку В Вертикальной Карусели На Главной Странице


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 6

#1 Rosalina

Rosalina

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 233 сообщений

Отправлено 14 Ноябрь 2013 - 06:49

Помогите установить в центре картинку в вертикальной карусели на главной странице сайта, картинки съезжают вправо. http://zimaleto-perm.ru/

И еще... как скруглить углы рамки этой карусели? заранее спасибо.

#2 empty9228

empty9228

    Активный участник

  • Модератоpы
  • 618 сообщений

Отправлено 14 Ноябрь 2013 - 08:42

Здравствуйте, для того чтоб закруглить слайдер
найдите у себя в файле 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;
}

Насчет "картинки съезжают вправо" можете показать это на скриншоте, сейчас у Вас слайдер находится ровно по центру и все слайды тоже фиксированы и никуда не съезжают

Прикрепленные изображения

  • 14-11-2013 9-40-26.png


#3 Rosalina

Rosalina

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 233 сообщений

Отправлено 14 Ноябрь 2013 - 09:07

Вот скрин... посмотрите, нужно именно в вертикальной карусели подвинуть картинки

вот скрин

Прикрепленные изображения

  • 1234.PNG


#4 empty9228

empty9228

    Активный участник

  • Модератоpы
  • 618 сообщений

Отправлено 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 Rosalina

Rosalina

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 233 сообщений

Отправлено 14 Ноябрь 2013 - 10:01

Спасибо, я поняла, что изменить размер картинок... сделала. Но расстояние слева и справа все равно разное. Как исправить? Не за счет уменьшения размера картинок и именно установка в центр.

#6 empty9228

empty9228

    Активный участник

  • Модератоpы
  • 618 сообщений

Отправлено 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 Rosalina

Rosalina

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 233 сообщений

Отправлено 14 Ноябрь 2013 - 11:10

Все, супер, получилось!!! Спасибо за профессиональную оперативную помощь.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных