Сообщений в теме: 15

[krolya051]

аккаунт sl-302986. Подскажите, пож-та, у нас картинке в слайдере не корректно отображаются, при чем только в браузерах яндекс, мозилла, explorer.  Как можно решить проблему? Спасибо.

[Ирина345]

krolya051 (25 Октябрь 2014 - 15:41) писал:

аккаунт sl-302986. Подскажите, пож-та, у нас картинке в слайдере не корректно отображаются, при чем только в браузерах яндекс, мозилла, explorer.  Как можно решить проблему? Спасибо.

Здравствуйте, уточните что значит не корректно отображается, у Вас сейчас идет одна картинка на все слайды.
Протестировавали в различных браузерах, отображается корректно.

[krolya051]

Некорректно - при переходе с одного слайда на другой картинка как бы раздваивается. Место раздваивания выделено красным в прикрепленном файле.
Картинка действительно одна и та же, остальные пока не вставляли.

[Danil]

krolya051 (25 Октябрь 2014 - 19:00) писал:

Некорректно - при переходе с одного слайда на другой картинка как бы раздваивается. Место раздваивания выделено красным в прикрепленном файле.
Картинка действительно одна и та же, остальные пока не вставляли.

111.png

Здравствуйте.
Каким браузером Вы пользуетесь?

[krolya051]

мы пробовали во всех, некорректно отображается в яндекс, мазиле, explorer  и только в опере все хорошо.

[Danil]

krolya051 (26 Октябрь 2014 - 20:28) писал:

мы пробовали во всех, некорректно отображается в яндекс, мазиле, explorer  и только в опере все хорошо.

В конец main.css вставьте

div#slider {
height: 207px !important;
overflow: hidden;
}

[Андрей23]

Та же беда и в хроме. аккаунт SL-334723

[RayLi]

Андрей23 (18 Март 2015 - 21:17) писал:

Та же беда и в хроме. аккаунт SL-334723

Здравствуйте.
Не совсем понимаю о какой проблеме идёт речь, так как в браузере Google Chrome ваш слайдер отображается полностью корректно и без каких-либо раздвоений. Уточните, пожалуйста.

[Андрей23]

RayLi (19 Март 2015 - 11:02) писал:

Здравствуйте.
Не совсем понимаю о какой проблеме идёт речь, так как в браузере Google Chrome ваш слайдер отображается полностью корректно и без каких-либо раздвоений. Уточните, пожалуйста.

Добрый день. При смене слайдов происходит как бы смещение их вниз, а новый слайд сжимается. Хотя размер слайдов одинаковый 300х600 пикселей

[RayLi]

Андрей23 (19 Март 2015 - 16:11) писал:

Добрый день. При смене слайдов происходит как бы смещение их вниз, а новый слайд сжимается. Хотя размер слайдов одинаковый 300х600 пикселей

Здравствуйте.
Если я вас правильно понял, то сделайте следующее:
В шаблоне nyvo.css найдите код:

media="screen"
.theme-default .nivoSlider {
position: relative;
background: #fff url('{ASSETS_IMAGES_PATH}nyvo_loading.gif?design=spring') no-repeat 50% 50%;
margin-bottom: 50px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}

И замените его вот этим кодом:

media="screen"
.theme-default .nivoSlider {
position: relative;
background: #fff url('{ASSETS_IMAGES_PATH}nyvo_loading.gif?design=spring') no-repeat 50% 50%;
margin-bottom: 50px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
height: 335px;
}

[Андрей23]

RayLi (19 Март 2015 - 16:21) писал:

Здравствуйте.
Если я вас правильно понял, то сделайте следующее:
В шаблоне main.css найдите код:

.theme-default .nivoSlider {
position: relative;
background: #fff url('{ASSETS_IMAGES_PATH}nyvo_loading.gif?design=spring') no-repeat 50% 50%;
margin-bottom: 50px;
-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('{ASSETS_IMAGES_PATH}nyvo_loading.gif?design=spring') no-repeat 50% 50%;
margin-bottom: 50px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
height: 335px;
}

В main.css такой код не нашел. Такой код есть nyvo.css но без media="screen"

[RayLi]

Андрей23 (19 Март 2015 - 17:22) писал:

В main.css такой код не нашел. Такой код есть nyvo.css но без media="screen"

Да, всё верно, инструкция подправлена, проверьте, пожалуйста.

[Андрей23]

RayLi (19 Март 2015 - 17:31) писал:

Да, всё верно, инструкция подправлена, проверьте, пожалуйста.

все работает! Спасибо! А можно ли слайдер сделать меньше чтоб справа разместить банер и как можно текстовый блок поднять выше к слайдеру?

[RayLi]

Андрей23 (19 Март 2015 - 17:36) писал:

все работает! Спасибо! А можно ли слайдер сделать меньше чтоб справа разместить банер и как можно текстовый блок поднять выше к слайдеру?

Не совсем понял какой именно текст вы хотите вставить возле слайдера и как вам нужно ужать слайдер?

Для поднятия текстового блока:
В шаблоне nyvo.css найдите код:

media="screen"
.theme-default .nivoSlider {
  position: relative;
  background: #fff url('{ASSETS_IMAGES_PATH}nyvo_loading.gif?design=spring') no-repeat 50% 50%;
  margin-bottom: 50px;
  -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
  -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
  box-shadow: 0px 1px 5px 0px #4a4a4a;
  height: 335px;
}

И замените его вот этим кодом:

media="screen"
.theme-default .nivoSlider {
  position: relative;
  background: #fff url('{ASSETS_IMAGES_PATH}nyvo_loading.gif?design=spring') no-repeat 50% 50%;
  -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
  -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
  box-shadow: 0px 1px 5px 0px #4a4a4a;
  height: 335px;
}

[Андрей23]

RayLi (19 Март 2015 - 17:49) писал:

Не совсем понял какой именно текст вы хотите вставить возле слайдера и как вам нужно ужать слайдер?

Для поднятия текстового блока:
В шаблоне nyvo.css найдите код:

media="screen"
.theme-default .nivoSlider {
position: relative;
background: #fff url('{ASSETS_IMAGES_PATH}nyvo_loading.gif?design=spring') no-repeat 50% 50%;
margin-bottom: 50px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
height: 335px;
}

И замените его вот этим кодом:

media="screen"
.theme-default .nivoSlider {
position: relative;
background: #fff url('{ASSETS_IMAGES_PATH}nyvo_loading.gif?design=spring') no-repeat 50% 50%;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
height: 335px;
}

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

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

• 

[Vaccina]

Для этого уменьшите сами баннеры в слайдере.
Далее в шаблоне HTML найдите:

<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="{ASSETS_IMAGES_PATH}имени-1.jpg" alt="" />
<a href="/"><img src="{ASSETS_IMAGES_PATH}имени-12.jpg" alt="" /></a>
</div>
</div>

замените на:

<div class="center_promo">
<div class="theme-default" style="padding: 1em; display: none;">
<div id="slider">
<img src="{ASSETS_IMAGES_PATH}имени-1.jpg" alt="" />
<a href="/"><img src="{ASSETS_IMAGES_PATH}имени-12.jpg" alt="" /></a>
</div>
</div>
<div class="banner">
<a href="ссылка"><img src="ссылка на баннер" alt="" /></a>
</div>
<div style="clear:both;"></div>
</div>

вместо текста подставьте необходимые ссылки и в main.css добавьте:

.center_promo .theme-default{width:70% !important;float:left;}
.center_promo .banner{width:25%;float:right;display:block;}