Раса (23 Август 2016 - 00:08) писал:
Доброй ночи! еще один момент.
1.Как вставить банер справа и слева от слайдера ? На скрине показал.Высота банера должна быть ровно с высотой слайдера
2.слева от слайдера видно ссылка "подарки". по ходу отошла от картинки)
3. Текст на главном сделать по середине страницы.
Здравствуйте.
В конец main.css добавьте код
div#slideshow ul {margin: 0 auto;}
Так же в main.css найдите код
.accor.accor-open div.title_accor {display: none;bottom: 83.3%;left: 67.5%;}
и замените на
.accor.accor-open div.title_accor {display: none;bottom: 0;left: 0;margin: 0 auto;max-width:300px;}
В main.js найдите код
width: 1920, //Ширина изображения в слайдере
и замените на
width: 1200, //Ширина изображения в слайдере
В шаблоне html найдите код
<!-- Слайдер на главной -->
{% IF index_page %}
<div id="slideshow">
<div class="preloader"><span class="content-loading"></span></div>
<ul class="accor">
<li class="accor accor-open">
<img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=urban" alt="Лето">
<div class="title_accor">
<a href="http://lighthouse-lamp.ru/page/podarki-skidki" title="Подарки"><strong>подарки</strong></a>
<p><a href="http://lighthouse-lamp.ru/page/podarki-skidki" title="Подарки"></a></p>
</div>
</li>
<li class="accor accor-closed">
<img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=urban" alt="Доставка">
<div class="title_accor">
<a href="http://lighthouse-lamp.ru/page/%D0%94%D0%BE%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B0" title="Доставка"><strong>Доставка</strong></a>
<p><a href="http://lighthouse-lamp.ru/page/%D0%94%D0%BE%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B0" title="Доставка"></a></a></p>
</div>
</li>
</ul>
</div>
{% ENDIF %}
и замените на
<!-- Слайдер на главной -->
{% IF index_page %}
<div id="slideshow">
<div><img src="{ASSETS_IMAGES_PATH}НАЗВАНИЕ ЛЕВОГО БАННЕРА"></div>
<div class="preloader"><span class="content-loading"></span></div>
<ul class="accor">
<li class="accor accor-open">
<img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=urban" alt="Лето">
<div class="title_accor">
<a href="http://lighthouse-lamp.ru/page/podarki-skidki" title="Подарки"><strong>подарки</strong></a>
</div>
</li>
<li class="accor accor-closed">
<img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=urban" alt="Доставка">
<div class="title_accor">
<a href="http://lighthouse-lamp.ru/page/%D0%94%D0%BE%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B0" title="Доставка"><strong>Доставка</strong></a>
</div>
</li>
</ul>
<div><img src="{ASSETS_IMAGES_PATH}НАЗВАНИЕ ПРАВОГО БАННЕРА"></div>
</div>
{% ENDIF %}
в коде замените текст "НАЗВАНИЕ ПРАВОГО БАННЕРА" и "НАЗВАНИЕ ЛЕВОГО БАННЕРА" на соответствующие элементы.
0
