На Главной Помогите Сделать Еще 2 Баннера.
#1
Отправлено 21 Январь 2015 - 15:42
#2
Отправлено 21 Январь 2015 - 15:53
dostypno (21 Январь 2015 - 15:42) писал:
В конец main.css добавьте
div#slider { width: 470px; height: 280px; }Можете сами регулировать значения height(высота) и width(ширина)
В шаблоне html найдите код
</div> <!-- Запуск слайдера -->И перед ним вставьте
<div class="banners"> <a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a> <a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a> <a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a> </div>так же в конец main.css вставьте
.banners {width:470px;height:280px;float:right;} .banners img {height:120px;width:275px;}
#3
Отправлено 22 Январь 2015 - 20:41
Danil (21 Январь 2015 - 15:53) писал:
В конец main.css добавьте
div#slider { width: 470px; height: 280px; }Можете сами регулировать значения height(высота) и width(ширина)
В шаблоне html найдите код
</div> <!-- Запуск слайдера -->И перед ним вставьте
<div class="banners"> <a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a> <a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a> <a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a> </div>так же в конец main.css вставьте
.banners {width:470px;height:280px;float:right;} .banners img {height:120px;width:275px;}
#6
Отправлено 22 Январь 2015 - 21:01
dostypno (22 Январь 2015 - 20:52) писал:
div#slider { width: 470px; height: 280px; }и замените на
div#slider { width: 470px; float: left; height: 280px; }Так же найдите
.banners { width: 470px; height: 280px; float: right; }и замените на
.banners { width: 180px; height: 280px; float: right; }Так же в конец main.css добавьте
#content #mainindex .headline { clear: both; }
#7
Отправлено 22 Январь 2015 - 21:13
Danil (22 Январь 2015 - 21:01) писал:
div#slider { width: 470px; height: 280px; }и замените на
div#slider { width: 470px; float: left; height: 280px; }Так же найдите
.banners { width: 470px; height: 280px; float: right; }и замените на
.banners { width: 180px; height: 280px; float: right; }Так же в конец main.css добавьте
#content #mainindex .headline { clear: both; }
#8
Отправлено 22 Январь 2015 - 21:38
#9
Отправлено 23 Январь 2015 - 00:09
#11
Отправлено 23 Январь 2015 - 01:49
.banners { width: 470px; height: 280px; float: right; }уменьшите значение width
далее пропишите реальные ссылки на изображения, также сам блок с баннерами перенесите в шаблоне HTML поставив перед кодом слайдера, то есть перед:
<!-- Обёртка, указывающая стиль темы --> <div class="theme-default" style="padding: 1em; display: none;"> <!-- Непосредственный код слайдера --> <div id="slider">
#12
Отправлено 23 Январь 2015 - 13:12
Vaccina (23 Январь 2015 - 01:49) писал:
.banners { width: 470px; height: 280px; float: right; }уменьшите значение width
далее пропишите реальные ссылки на изображения, также сам блок с баннерами перенесите в шаблоне HTML поставив перед кодом слайдера, то есть перед:
<!-- Обёртка, указывающая стиль темы --> <div class="theme-default" style="padding: 1em; display: none;"> <!-- Непосредственный код слайдера --> <div id="slider">
#13
Отправлено 23 Январь 2015 - 13:38
#14
Отправлено 23 Январь 2015 - 14:59
dostypno (23 Январь 2015 - 13:38) писал:
.banners { width: 430px; height: 280px; float: right; }на
.banners { width: 270px; height: 280px; float: right; margin-top: 11px; }затем
#content #mainindex .headline { background: url(http://design.autopilot-style.ru/headline-index-bg.jpg?design=plastic) top center no-repeat; width: 736px; background-size: 100%; }замените на
#content #mainindex .headline { background: url(http://design.autopilot-style.ru/headline-index-bg.jpg?design=plastic) top center no-repeat; width: 736px; background-size: 100%; margin-top: 80px; }и
.banners img { height: 120px; width: 275px; }на
.banners img { height: 120px; width: 270px; }
#15
Отправлено 23 Январь 2015 - 15:10
Alekseys (23 Январь 2015 - 14:59) писал:
.banners { width: 430px; height: 280px; float: right; }на
.banners { width: 270px; height: 280px; float: right; margin-top: 11px; }затем
#content #mainindex .headline { background: url(http://design.autopilot-style.ru/headline-index-bg.jpg?design=plastic) top center no-repeat; width: 736px; background-size: 100%; }замените на
#content #mainindex .headline { background: url(http://design.autopilot-style.ru/headline-index-bg.jpg?design=plastic) top center no-repeat; width: 736px; background-size: 100%; margin-top: 80px; }и
.banners img { height: 120px; width: 275px; }на
.banners img { height: 120px; width: 270px; }
#16
Отправлено 23 Январь 2015 - 15:48
dostypno (23 Январь 2015 - 15:10) писал:
{% IF index_page %}<div class="banners"> <a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a> <a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a> <a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a> </div>замените на
{% IF index_page %}<div class="banners"> <a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a> <a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a> </div>
#17
Отправлено 23 Январь 2015 - 16:05
Ирина345 (23 Январь 2015 - 15:48) писал:
{% IF index_page %}<div class="banners"> <a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a> <a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a> <a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a> </div>замените на
{% IF index_page %}<div class="banners"> <a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a> <a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a> </div>
#18
Отправлено 23 Январь 2015 - 16:07
dostypno (23 Январь 2015 - 16:05) писал:
.banners img { height: 120px; width: 270px; }замените на
.banners img { height: 139px; width: 261px; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных