Как Выровнять Баннер?
#1
Отправлено 09 Октябрь 2013 - 19:26
Подскажите как выровнять баннер, над каталогом товаров?
И еще вопрос: можно ли разместить баннер рядом со слайдером, справа и как это сделать?
Сайт http://mamindar.ru/
#2
Отправлено 09 Октябрь 2013 - 23:33
leylas (09 Октябрь 2013 - 19:26) писал:
Подскажите как выровнять баннер, над каталогом товаров?
И еще вопрос: можно ли разместить баннер рядом со слайдером, справа и как это сделать?
Сайт http://mamindar.ru/
<div class="banner" style="margin-top: 20px;"> <a href="http://gv.mamindar.ru/"><img src="http://st.mamindar.ru/2/807/448/konsultbaner.jpg" alt="Áàííåğ" /></a>замените на этот
<div class="banner" style="margin-top: 20px; text-align: center;"> <a href="http://gv.mamindar.ru/"><img src="http://st.mamindar.ru/2/807/448/konsultbaner.jpg" alt="Áàííåğ" /></a> </div>Здесь "text-align: center;" - выровняет баннер по центру родительского элемента. Но так как этот родительский элемент по ширине выходит за большую вертикальную разделительную черту, может показаться, что баннер сдвинут лишнего вправо. В этом случае вместо "text-align: center;" прописывайте отступ слева "padding-left: 20px;", регулируя его значение.
Чтобы разместить баннер справа от слайдера, надо после кода запуска слайдера
<!-- Запуск слайдера --> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider().parent().show(); }); </script> {% ENDIF %}вставить аналогичный код баннера
<div class="banner"> <a href="http://gv.mamindar.ru/"><img src="http://st.mamindar.ru/2/807/448/konsultbaner.jpg" alt="подпись" /></a> </div>А строку
<div class="theme-default" style="padding: 1em;width: 60%;">надо изменить так
<div class="theme-default" style="padding: 1em;width: 60%; float: left;">
#3
Отправлено 10 Октябрь 2013 - 13:45
Получилось вот так, кривенько все таки, вот принскрин http://st.mamindar.r.../printskrin.jpg
Левый баннер бы приподнять, а правый наоборот опустить немного, вровень со слайдером.
Вы знаете как изменять высоту размещения баннеров?
#4
Отправлено 10 Октябрь 2013 - 16:11
leylas (10 Октябрь 2013 - 13:45) писал:
Получилось вот так, кривенько все таки, вот принскрин http://st.mamindar.r.../printskrin.jpg
Левый баннер бы приподнять, а правый наоборот опустить немного, вровень со слайдером.
Вы знаете как изменять высоту размещения баннеров?
Добрый вечер, чтобы поднять левый баннер, найдите в админке в разделе Сайт - Редактор шаблонов - HTML
<div class="banner" style="margin-top: 10px; text-align: center;">и замените на
<div class="banner" style="margin-top: -10px; text-align: center;">
Правого баннера сейчас у Вас нет на сайте.
#5
Отправлено 10 Октябрь 2013 - 17:51
#6
Отправлено 28 Август 2014 - 01:58
"В шаблоне "HTML" после блока
<ul>
{%IFNOT catalog_empty %}
{% FOR catalog %}
{% IFNOT catalog.HIDE %}
<li class="cat-item">
<a href="{catalog.URL}"
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
{% IF catalog.CURRENT %}class="selected"{% ENDIF %}
>{catalog.NAME}</a>
</li>
{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
</ul><br />
Вставьте
<div class="banner" style="margin-top: 20px;">
<a href="#"><img src="banner1.png"></a>
<a href="#"><img src="banner2.png"></a>
<a href="#"><img src="banner3.png"></a>
</div>
После останется задать корректные ссылки и пути к изображению баннеров. "
Но вместо картинки появляется квадратик. Размеры меняла разные, не в них дело. При нажатии на квадратик, ссылка открывается правильно, но вот само изображение не работает ((( Сайт: samira-shop.ru
#7
Отправлено 28 Август 2014 - 02:09
<a href="#"><img src="banner1.png"></a> <a href="#"><img src="banner2.png"></a> <a href="#"><img src="banner3.png"></a>
на код
<a href="#"><img src="{ASSETS_IMAGES_PATH}banner1.png"></a> <a href="#"><img src="{ASSETS_IMAGES_PATH}banner2.png"></a> <a href="#"><img src="{ASSETS_IMAGES_PATH}banner3.png"></a>
Изображения banner1.png, banner2.png, banner3.png необходимо загружать в разделе Сайт -> Редактор шаблонов.
#8
Отправлено 28 Август 2014 - 10:00
#9
Отправлено 02 Февраль 2015 - 10:57
Пожалуйста, помогите разобраться.
Установила баннер, все ок.
Но при просмотре с мобильного тел, баннер сдвигается и расположен не по центру. Как исправить?
#10
Отправлено 02 Февраль 2015 - 11:03
Irina BU (02 Февраль 2015 - 10:57) писал:
Пожалуйста, помогите разобраться.
Установила баннер, все ок.
Но при просмотре с мобильного тел, баннер сдвигается и расположен не по центру. Как исправить?
В main.css найдите код
#banner { padding-left: 145px; }и замените на
#banner { margin: 0 auto; width: 941px; padding-top: 12px; }
#11
Отправлено 02 Февраль 2015 - 11:15
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных