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

[Tneilk]

Здравствуйте, подскажите как растянуть ниво слайдер на всю длинну рабочей зоны? Указал пример во вложение.

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

• 

[Koderhan]

Для этого нужно код слайдера в файле "HTML" добавить после кода:

<div class="content_page">

И затем изменить стили в файле "nyvo.css".
Найти код:

.nivoSlider {
position:relative;
width:700px;
height:200px;
overflow: hidden;
}

Заменить:

.nivoSlider {
position:relative;
width: 100%;
height:200px;
overflow: hidden;
}

[Tneilk]

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

[Koderhan]

Tneilk (16 Октябрь 2013 - 09:30) писал:

Это не поможет, он просто станет стандартного размера мне же надо его растянуть влево

После того как вы вставите код слайдера:

<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" />
<a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a>
<img title="Пример картинки с заголовком" src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" />
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" />
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" />
</div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show(); });
</script>
{% ENDIF %}

В файле html после кода:

<div class="content_page">

Слайдер можно будет растянуть корректно с помощью стилей.

.nivoSlider {
position:relative;
width: 100%;/* ширина слайдера на все свободное пространство*/
height:200px;/* высота слайдера */
overflow: hidden;
}

[Tneilk]

Спасибо , все здорово получилось, подскажите какие должны быть размеры картинок для слайдера? если сам слайдер сейчас 925 px и 200 px

[Koderhan]

Tneilk (16 Октябрь 2013 - 10:28) писал:

Спасибо , все здорово получилось, подскажите какие должны быть размеры картинок для слайдера? если сам слайдер сейчас 925 px и 200 px

Желательно чтобы размеры изображений были одинаковы.
значение height не обязательно указывать. Если не указать то высота будет определяться автоматически.

[Tneilk]

я имммею ввиду по качеству разрешения, чем больше тем лучше? и второй вопрос как переместить поиск под строку меню, перемещение, указал картинке?

и заменить потом текст поиска своим текстом..

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

• 

[ne_yana]

Tneilk (16 Октябрь 2013 - 10:44) писал:

я имммею ввиду по качеству разрешения, чем больше тем лучше? и второй вопрос как переместить поиск под строку меню, перемещение, указал картинке?

и заменить потом текст поиска своим текстом..

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

[Koderhan]

Картинки следует загружать не большого размера по объему. Перемещение поиска потребует ввести изменения в файл header-logo.jpg.