Настроить вид отображения баннеров с текстом можно так, как этого требует ваш проект. Например, выбрать количество элементов в строке, ширину блока и др. Рассмотрим настройки подробнее.
При любом типе отображения для блока с баннерами с текстом можно установить разделитель для указания границы блока и назначить серый фон на весь блок вместо белого (1). А также задать верхние и нижние отступы, которые отделяют блок от соседних (2).
Вот так выглядит блок с разделителем и серым фоном.
Верхние и нижние отступы задаются по конкретным значениям и определяют, насколько блок будет отдален от соседних блоков. Всего четыре интервала: 0, 40, 80, 130. Чем больше значение, тем удаленнее блок.
верхний блок: 0, нижний: 0;
верхний блок: 130, нижний: 130.
Каждому типу баннеров с текстом можно настроить ширину баннеров, отступы между баннерами, сделать текст по центру баннера и задать низкую картинку (1). Первому типу можно назначить число баннеров в строке, задать количество строк и положение текста баннера (2). Чем больше количество строк, тем больше баннеров в блоке.
Рассмотрим, чем отличаются широкие и неширокие баннеры, с отступами и без отступов:
неширокие баннеры;
широкие баннеры;
баннеры с отступами;
баннеры без отступов.
Теперь рассмотрим разницу, как выглядит текст баннера по центру и с краю, а также отличия низкой и обычной картинки:
текст баннера по центру;
текст баннера с краю;
низкая картинка;
высокая картинка.
Разберем настройки первого типа отображения баннеров. Можно установить 2, 3 или 4 баннера в одной строке:
количество элементов в строке: 3;
количество элементов в строке: 4.
Помимо элементов первому типу можно задать 1, 2, 3 или неограниченное количество строк. Рассмотрим разницу между числом строк:
количество строк: 2;
количество строк: 3.
Положение текста первого типа отображения можно установить внутри картинки или снизу от картинки:
положение текста внутри картинки;
положение текста снизу от картинки.