m-ya-v (01 Декабрь 2014 - 16:59) писал:
Добрый день! Подскажите, пожалуйста,как в шаблоне Сияние:
1. Центрировать слайдер
2. Подвинуть каталог товаров. т.к. он съехал вправо
3. Опустить слайдер ниже информации на главной странице, или вставить между это информацией
Здравствуйте.
1) В nyvo_default.css найдите код
.theme-default .nivoSlider {
position:relative;
background:#fff url({ASSETS_IMAGES_PATH}nyro_loading.gif) 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}nyro_loading.gif) 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;
margin:0 auto;
}
2) В main.css найдите код и удалите
ul.leftmenu {
margin-right: 20px;
margin-left: 20px;
}
3) В шаблоне html найдите код
<!-- Вешаем слайдер на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding-top:5em;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="http://st.green-profie.ru/9/1500/231/1_slajder.jpg" alt="" />
<a href="http://dev7studios.com"><img src="http://st.green-profie.ru/9/1500/232/2_slajder.jpg" alt="" /></a>
<img src="http://###/9/1500/233/3_slajder.jpg" alt="" title="Пример картинки с заголовком" />
<img src="http://###/9/1500/234/4_slajder.jpg" alt="" />
<img src="http://###/9/1500/235/5_slajder.jpg" alt="" />
</div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
{% ENDIF %}
и переместите, вставив после
{BODY}