144  /  522
Не хватает статьи или нашли ошибку? Выделите мышкой и нажмите Ctrl+Enter

Настройки оформления блока «Баннеры с текстом»

Настроить вид отображения баннеров с текстом можно так, как этого требует ваш проект. Например, выбрать количество элементов в строке, ширину блока и др. Рассмотрим настройки подробнее.

Общие настройки блока

При любом типе отображения для блока с баннерами с текстом можно установить разделитель для указания границы блока и назначить серый фон на весь блок вместо белого (1). А также задать верхние и нижние отступы, которые отделяют блок от соседних (2).


Вот так выглядит блок с разделителем и серым фоном.


Верхние и нижние отступы задаются по конкретным значениям и определяют, насколько блок будет отдален от соседних блоков. Всего четыре интервала: 0, 40, 80, 130. Чем больше значение, тем удаленнее блок.



  • верхний блок: 0, нижний: 0;


  • верхний блок: 130, нижний: 130.



Настройки по типам блока

Каждому типу баннеров с текстом можно настроить ширину баннеров, отступы между баннерами, сделать текст по центру баннера и задать низкую картинку (1). Первому типу можно назначить число баннеров в строке, задать количество строк и положение текста баннера (2). Чем больше количество строк, тем больше баннеров в блоке.



Рассмотрим, чем отличаются широкие и неширокие баннеры, с отступами и без отступов:

  • неширокие баннеры;


  • широкие баннеры;


  • баннеры с отступами;


  • баннеры без отступов.


Теперь рассмотрим разницу, как выглядит текст баннера по центру и с краю, а также отличия низкой и обычной картинки:

  • текст баннера по центру;


  • текст баннера с краю;


  • низкая картинка;


  • высокая картинка.


Разберем настройки первого типа отображения баннеров. Можно установить 2, 3 или 4 баннера в одной строке:

  • количество элементов в строке: 3;


  • количество элементов в строке: 4.


Помимо элементов первому типу можно задать 1, 2, 3 или неограниченное количество строк. Рассмотрим разницу между числом строк:

  • количество строк: 2;


  • количество строк: 3.


Положение текста первого типа отображения можно установить внутри картинки или снизу от картинки:

  • положение текста внутри картинки;


  • положение текста снизу от картинки.