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


Подогнать Слайдер


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

#1 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 15 Май 2014 - 14:58

как подогнать слайдер
то есть опустить ниже и расширить
Аккаунт SL-278833
а еще замедлить перелистывание

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

  • Безымянный.png


#2 MikDark

MikDark

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

  • Модераторы
  • 6 443 сообщений

Отправлено 15 Май 2014 - 15:11

Просмотр сообщениязлая я))) (15 Май 2014 - 14:58) писал:

как подогнать слайдер
то есть опустить ниже и расширить
Аккаунт SL-278833
а еще замедлить перелистывание

Чтобы опустить ниже, в main.css добавляем:
.theme-default
{
margin-top:20px;
}

Расширить Вы в какую сторону хотите? вниз?

Чтобы замедлить, найдите в шаблоне HTML код:
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show(); });
</script>

и после него добавьте:
<script type="text/javascript">
$('#slider').nivoSlider({ 
	pauseTime: 3000,				
});
</script>

3000 можно увеличить.

#3 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 15 Май 2014 - 15:30

я хочу его растянуть чтоб не было пустых мест между слайдером и каталогом и чтоб по высоте был с каталог

#4 MikDark

MikDark

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

  • Модераторы
  • 6 443 сообщений

Отправлено 15 Май 2014 - 16:57

Просмотр сообщениязлая я))) (15 Май 2014 - 15:30) писал:

я хочу его растянуть чтоб не было пустых мест между слайдером и каталогом и чтоб по высоте был с каталог

В main.css находим:
.cont250 {
width: 250px;
}

и меняем на:
.cont250 {
width: 200px;
}

далее ищем:
ul.leftmenu {
margin-right: 20px;
margin-left: 20px;
}

и меняем на:
ul.leftmenu {
margin-left: 20px;
}

А по высоте, Вам нужно просто загрузить более высокие картинки.

#5 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 15 Май 2014 - 19:10

.cont250 {
width: 250px;
}если менять значение то слайдер на месте а тело сайта уменьшается

#6 MikDark

MikDark

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

  • Модераторы
  • 6 443 сообщений

Отправлено 15 Май 2014 - 19:21

Просмотр сообщениязлая я))) (15 Май 2014 - 19:10) писал:

.cont250 {
width: 250px;
}если менять значение то слайдер на месте а тело сайта уменьшается

Нужно:
.cont700 {
width: 700px;
}

увеличить на столько, на сколько уменьшили предыдущий параметр. Слайдер должен становить ближе к каталогу.

#7 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 15 Май 2014 - 21:02

да не выходит

#8 Vaccina

Vaccina

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

  • Модераторы
  • 23 864 сообщений

Отправлено 16 Май 2014 - 01:53

nivoslider адаптируется под размеры изображений, поэтому намного проще изначально загружать большего размера изображения, чтобы подровнять по каталогу

#9 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 16 Май 2014 - 10:27

Просмотр сообщенияVaccina (16 Май 2014 - 01:53) писал:

nivoslider адаптируется под размеры изображений, поэтому намного проще изначально загружать большего размера изображения, чтобы подровнять по каталогу
  а какой размер нужен

#10 MikDark

MikDark

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

  • Модераторы
  • 6 443 сообщений

Отправлено 16 Май 2014 - 10:48

Просмотр сообщениязлая я))) (15 Май 2014 - 21:02) писал:

да не выходит

Вы сделайте изменения и напишите, чтобы можно было посмотреть.




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

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