Здравствуйте!
Помогите пож-та вставить картинки под слайдером как на скрине. Размеры картинок хотелось бы устанавливать самостоятельно.
1
Вставка Картинок Под Слайдер.
Автор avenue, 06 мая 2016 12:15
Сообщений в теме: 3
#1
Отправлено 06 Май 2016 - 12:15
#2
Отправлено 06 Май 2016 - 12:45
avenue (06 Май 2016 - 12:15) писал:
Здравствуйте!
Помогите пож-та вставить картинки под слайдером как на скрине. Размеры картинок хотелось бы устанавливать самостоятельно.
Помогите пож-та вставить картинки под слайдером как на скрине. Размеры картинок хотелось бы устанавливать самостоятельно.
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
{% ENDIF %} <!-- Хлебные крошки -->
Замените на:
<div class="container"> <div class="index_banners col-sm-3"> <img src="#"> </div> <div class="index_banners col-sm-3"> <img src="#"> </div> <div class="index_banners col-sm-3"> <img src="#"> </div> <div class="index_banners col-sm-3"> <img src="#"> </div> </div> {% ENDIF %} <!-- Хлебные крошки -->
Вместо # вставьте нужные ссылки на изображения.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
.index_banners {text-align:center;margin:20px 0;}
#3
Отправлено 06 Май 2016 - 13:51
Firefly (06 Май 2016 - 12:45) писал:
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
Замените на:
Вместо # вставьте нужные ссылки на изображения.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
{% ENDIF %} <!-- Хлебные крошки -->
Замените на:
<div class="container"> <div class="index_banners col-sm-3"> <img src="#"> </div> <div class="index_banners col-sm-3"> <img src="#"> </div> <div class="index_banners col-sm-3"> <img src="#"> </div> <div class="index_banners col-sm-3"> <img src="#"> </div> </div> {% ENDIF %} <!-- Хлебные крошки -->
Вместо # вставьте нужные ссылки на изображения.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
.index_banners {text-align:center;margin:20px 0;}
Спасибо.
Подскажите ещё как уменьшить расстояние между этими картинками, чтобы в один ряд можно было вставить не 4, а больше.
#4
Отправлено 06 Май 2016 - 14:19
avenue (06 Май 2016 - 13:51) писал:
Спасибо.
Подскажите ещё как уменьшить расстояние между этими картинками, чтобы в один ряд можно было вставить не 4, а больше.
Подскажите ещё как уменьшить расстояние между этими картинками, чтобы в один ряд можно было вставить не 4, а больше.
Поскольку вывод изображений происходит и в мобильной версии, чтобы все смотрелось ровно, желательно использовать четное число изображений (число на которое делится 12).
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<div class="container"> <div class="index_banners col-sm-3"> <img src="http://design.avenuetravel.by/aeroflot.png?9531&725644693898"> </div> <div class="index_banners col-sm-3"> <img src="http://design.avenuetravel.by/itaka90.jpg?9872&485282496375"> </div> <div class="index_banners col-sm-3"> <img src="http://design.avenuetravel.by/tez60.jpg?0072&809933536976"> </div> <div class="index_banners col-sm-3"> <img src="http://design.avenuetravel.by/Belavia61.jpg?1604&850835682358"> </div> </div>
Замените на:
<div class="container"> <div class="index_banners col-sm-2"> <img src="http://design.avenuetravel.by/aeroflot.png?9531&725644693898"> </div> <div class="index_banners col-sm-2"> <img src="http://design.avenuetravel.by/itaka90.jpg?9872&485282496375"> </div> <div class="index_banners col-sm-2"> <img src="http://design.avenuetravel.by/tez60.jpg?0072&809933536976"> </div> <div class="index_banners col-sm-2"> <img src="http://design.avenuetravel.by/Belavia61.jpg?1604&850835682358"> </div> <div class="index_banners col-sm-2"> <img src="#"> </div> <div class="index_banners col-sm-2"> <img src="#"> </div> </div>
Вместо # укажите ссылки.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных