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


Изменение Размеров Слайдера

слайдер движение

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

#21 MirraG

MirraG

    Пользователь

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

Отправлено 04 Август 2014 - 10:22

добрый день, несколько вопросов:
1. подскажите, можно ли изменить размеры слайдера таким образом http://i.gyazo.com/d...6565c5c39ec.png
2.  меню расположены неровно, как их выровнять ?
3. нужно уменьшить соответственно расстояние между меню http://i.gyazo.com/1...dee787b0f4b.png
4. как убрать слайдер с других страниц сайта, а оставить только на главной

#22 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 04 Август 2014 - 12:26

Просмотр сообщенияMirraG (04 Август 2014 - 10:22) писал:

добрый день, несколько вопросов:
1. подскажите, можно ли изменить размеры слайдера таким образом http://i.gyazo.com/d...6565c5c39ec.png
2.  меню расположены неровно, как их выровнять ?
3. нужно уменьшить соответственно расстояние между меню http://i.gyazo.com/1...dee787b0f4b.png
4. как убрать слайдер с других страниц сайта, а оставить только на главной
1)
Найдите в style.css
.fluid-container {
position: relative;
height: 600px;
}
измените на
.fluid-container {
position: relative;
height: 600px;
padding-top: 177px;
margin-bottom: 55px;
width: 1180px;
padding-left: 362px;
}
3)
Найдите в Style.css
.nav-container {
background: #ff8c00;
margin-bottom: 0px;
position: relative;
display: block;
float: left;
bottom: 0;
width: 100%;
}
Измените на
.nav-container {
background: #ff8c00;
margin-bottom: 0px;
position: relative;
display: block;
float: left;
bottom: 0;
width: 100%;
margin-top: -30px;
}
2)
В style.css
.container {
position: relative;
width: 1200px;
overflow: visible;
margin: 0 auto;
padding: 0;
}
измените на
.container {
position: relative;
width: 1200px;
overflow: visible;
margin: 0 auto;
padding: 0;
margin-left: 10px;
}
h
4)Слайдер только на главной странице, на всех остальных идут картинки.

#23 MirraG

MirraG

    Пользователь

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

Отправлено 04 Август 2014 - 14:01

спасибо, помогло, но 2 проблемы остались.
1- не удалось уменьшить высоту самого слайдера в 2 раза, и соответственно расстояние между меню
2 - не удалось выровнять слайдер и меню.
получается так http://i.gyazo.com/a...c9a4a28afbf.png , если ничего не делать, то выглядит так: http://i.gyazo.com/2...54143f83611.png
хотелось бы выровнять все меню, меню каталога и слайдер по одной прямой, в стандартном дизайне сейчас большие отклонения
3. при уменьшении картинки слайдер остается на месте  http://i.gyazo.com/e...aaf08609dab.png

#24 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 04 Август 2014 - 14:23

Просмотр сообщенияMirraG (04 Август 2014 - 14:01) писал:

спасибо, помогло, но 2 проблемы остались.
1- не удалось уменьшить высоту самого слайдера в 2 раза, и соответственно расстояние между меню
2 - не удалось выровнять слайдер и меню.
получается так http://i.gyazo.com/a...c9a4a28afbf.png , если ничего не делать, то выглядит так: http://i.gyazo.com/2...54143f83611.png
хотелось бы выровнять все меню, меню каталога и слайдер по одной прямой, в стандартном дизайне сейчас большие отклонения
3. при уменьшении картинки слайдер остается на месте  http://i.gyazo.com/e...aaf08609dab.png
Найдите в style.css
.fluid-container {
position: relative;
height: 600px;
padding-top: 177px;
margin-bottom: 55px;
width: 1180px;
padding-left: 40px;
}
измените на
.fluid-container {
position: relative;
height: 600px;
padding-top: 137px;
margin-bottom: 55px;
width: 1200px;
padding-left: 352px;
}
Найдите в Style.css
.promo_block {
background: #ff8c00;
top: -55px !important;
}
измените на
.promo_block {
background: #ff8c00;
top: -65px !important;
}
Загрузите картинку которую вы загружаете что б мы моли произвести изменения, слайдер уменьшиться сам когда вы загрузите картинку меньшего размера. Пришлите, пожалуйста, сриншот где должен находиться слайдер с меньшей размером картинкой.

#25 MirraG

MirraG

    Пользователь

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

Отправлено 04 Август 2014 - 14:51

спасибо, сейчас стало ровно. пока с новой картинкой не пробовала

#26 MirraG

MirraG

    Пользователь

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

Отправлено 05 Август 2014 - 19:15

вставила в слайдер картинки 1200*300 , их разнесло по размеру слайда.
что не так ?

#27 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 05 Август 2014 - 19:46

Просмотр сообщенияMirraG (05 Август 2014 - 19:15) писал:

вставила в слайдер картинки 1200*300 , их разнесло по размеру слайда.
что не так ?
Здравствуйте, уточните на скриншоте, как Вы хотите что бы было.

#28 MirraG

MirraG

    Пользователь

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

Отправлено 05 Август 2014 - 20:30

добрый вечер, нужно уменьшить слайдер по высоте в 2 раза ,
сейчас он выглядит так:
http://i.gyazo.com/2...1dcc7dd7325.png
заливала картинки 1200*300, их просто увеличивает до текущего размера

#29 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 05 Август 2014 - 21:01

Просмотр сообщенияMirraG (05 Август 2014 - 20:30) писал:

добрый вечер, нужно уменьшить слайдер по высоте в 2 раза ,
сейчас он выглядит так:
http://i.gyazo.com/2...1dcc7dd7325.png
заливала картинки 1200*300, их просто увеличивает до текущего размера
Найдите в style.css
.fluid-container {
position: relative;
height: 600px;
padding-top: 137px;
margin-bottom: 55px;
width: 1200px;
padding-left: 30px;
}
замените на

.fluid-container {
position: relative;
height: 300px;
padding-top: 137px;
margin-bottom: 55px;
width: 1200px;
padding-left: 30px;
}

далее найдите
.camera_wrap {
height: 600px !important;
}
замените на

.camera_wrap {
height: 300px !important;
}


#30 MirraG

MirraG

    Пользователь

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

Отправлено 05 Август 2014 - 21:22

это помогло отчасти, но картинки в слайдере такие же увеличенные и пропал всплывающий текст

#31 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 05 Август 2014 - 21:40

Просмотр сообщенияMirraG (05 Август 2014 - 21:22) писал:

это помогло отчасти, но картинки в слайдере такие же увеличенные и пропал всплывающий текст
Не вижу что бы Вы выполнили инструкцию.

#32 MirraG

MirraG

    Пользователь

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

Отправлено 05 Август 2014 - 22:02

восстановила предыдущую версию, со слайдером проблем несколько:
1 - при уменьшении увеличивает залитые картинки и пропадает всплывающий текст
2- при уменьшении/увеличении масштаба страницы слайдер остается слева/разъезжается вправо , т.е. страница не адаптируется к масштабу

#33 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 06 Август 2014 - 11:19

Просмотр сообщенияMirraG (05 Август 2014 - 22:02) писал:

восстановила предыдущую версию, со слайдером проблем несколько:
1 - при уменьшении увеличивает залитые картинки и пропадает всплывающий текст
2- при уменьшении/увеличении масштаба страницы слайдер остается слева/разъезжается вправо , т.е. страница не адаптируется к масштабу
Здравствуйте, на данный момент у Вас стоит другой шаблон.
Уточните актуальны еще вопросы или нет.

#34 MirraG

MirraG

    Пользователь

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

Отправлено 07 Август 2014 - 12:30

актуально, хотелось бы доработать этот шаблон

#35 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 07 Август 2014 - 13:48

Просмотр сообщенияMirraG (07 Август 2014 - 12:30) писал:

актуально, хотелось бы доработать этот шаблон
Здравствуйте.
В style.css
.fluid-container {
position: relative;
height: 300px;
padding-top: 137px;
margin-bottom: 55px;
width: 1200px;
padding-left: 30px;
}
измените на
.fluid-container {
position: relative;
height: 300px;
padding-top: 137px;
margin-bottom: 65px;
width: 1200px;
padding-left: 352px;
}


#36 MirraG

MirraG

    Пользователь

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

Отправлено 07 Август 2014 - 16:02

Добрый день,
padding-left: 352px;

проблемы не решает, слайдер улетает влево http://gyazo.com/f4c...c0707b456ca9cce

#37 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 07 Август 2014 - 16:16

Просмотр сообщенияMirraG (07 Август 2014 - 16:02) писал:

Добрый день,
padding-left: 352px;

проблемы не решает, слайдер улетает влево http://gyazo.com/f4c...c0707b456ca9cce
Попробуйте сделать изменения написанные ниже.
В style.css
.fluid-container {
height: 300px;
padding-top: 137px;
margin-bottom: 55px;
width: 1200px;
padding-left: 30px;
}
измените на
.fluid-container {
height: 300px;
padding-top: 137px;
margin-bottom: 55px;
width: 1200px;
left: 50%;
margin-left: -590px;
position: relative;
}


#38 MirraG

MirraG

    Пользователь

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

Отправлено 07 Август 2014 - 17:15

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

#39 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 07 Август 2014 - 18:24

Просмотр сообщенияMirraG (07 Август 2014 - 17:15) писал:

получилось так же, как и было до этого.  
Непонятно, почему картинки в слайдере увеличиваются и обрезаются. Текст всплывающий так же не появился .
Здравствуйте, произвели инструкции на Вашем сайте, посмотрите, пожалуйста.

#40 MirraG

MirraG

    Пользователь

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

Отправлено 07 Август 2014 - 19:09

спасибо большое




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

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