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

[nadezda]

Подскажите как добавить баннеры на главную страницу как на картинке.
Аккаунт SL-224520

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

• 

[sengun]

nadezda (09 Ноябрь 2013 - 17:16) писал:

Подскажите как добавить баннеры на главную страницу как на картинке.
Аккаунт SL-224520

Здравствуйте.
Чтобы выровнять картинки и текст, нужно заранее знать каких они будут размеров.
Вообще в HTML перед кодом

<!-- Форма поиска -->

нужно вставить примерно такой код

<div class="banners">
<div class="txt">
<span>text</span>
<span>text</span>
<span>txt</span>
</div>
<div class="imgs">
<img src="{ASSETS_IMAGES_PATH}logo.png" alt="Акции">
<img src="{ASSETS_IMAGES_PATH}logo.png" alt="Акции">
</div>
</div>

И еще нужно будет добавить примерно такой код в style.css (в конец)

.banners {
position: absolute;
top: 1em;
left: 30%;
width: 35%;
}
.banners .txt span {
margin: 0px 30px;
}
.banners .imgs {
margin-top: 5px;
}
.banners .imgs img {
width: 150px;
height: 75px;
margin: 0px 20px;
}

Вот эти стили и надо будет изменять, чтобы выровнять вставляемые картинки и тексты.

[nadezda]

спасибо, а как на них ссылку вставить?

[Stasya]

Вам необходимо обернуть их в ссылку. Чтобы получилось вот так

<div class="imgs">
<a href="ссылка"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="Акции"></a>
<a href="ссылка"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="Акции"></a>
</div>

[nadezda]

Все получилось спасибо!

[Brendi]

Помогите пожалуйста, хочу добавить баннер на главную, под верхнее меню! Чтоб он размером был ровно с черную полоску меню, SL-219673

[Vaccina]

В HTML перед:

<!-- Главная страница -->
{% IF index_page %}
	
	 <!-- Список товаров на главной -->

вставьте:

<a href="ссылка"><img style="width:100%;" src="{ASSETS_IMAGES_PATH}название картинки" alt="" /></a>