1. aspro.ru
  2. Аспро: Приорити 2.0
  3. Главная страница
  4. Баннеры с текстом на главной
  5. Настройки оформления блока «Баннеры с текстом»

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


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

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

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

c2d765e9-7b5c-11f1-8fe4-fa163e2ff576

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

229f01b6-7b5f-11f1-8fe4-fa163e2ff576

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

6ac8a5f7-7b64-11f1-8fe4-fa163e2ff576

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

53dedbaf-7b5e-11f1-8fe4-fa163e2ff576

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

cf89e152-7b62-11f1-8fe4-fa163e2ff576

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

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

8c6166ac-7b5d-11f1-8fe4-fa163e2ff576

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

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

42b619bf-7b5b-11f1-8fe4-fa163e2ff576

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

53dedbaf-7b5e-11f1-8fe4-fa163e2ff576

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

3157b935-7b65-11f1-8fe4-fa163e2ff576

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

ebb7e658-7b5b-11f1-8fe4-fa163e2ff576

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

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

832496f3-7b60-11f1-8fe4-fa163e2ff576

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

c75a99d2-7b5f-11f1-8fe4-fa163e2ff576

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

15b0e7d1-7b64-11f1-8fe4-fa163e2ff576

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

d3e0a97d-7b5d-11f1-8fe4-fa163e2ff576

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

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

76e50706-7b60-11f1-8fe4-fa163e2ff576

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

69ebfe00-7b5c-11f1-8fe4-fa163e2ff576

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

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

d2837c6b-7b61-11f1-8fe4-fa163e2ff576

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

f2c831c4-7b61-11f1-8fe4-fa163e2ff576

Предыдущая статья Баннеры с текстом на главной
Следующая статья Дополнительные настройки блока «Баннеры с текстом»