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

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


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

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

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

b8480024-7b64-11f1-8fe4-fa163e2ff576

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

07415d3d-7b5e-11f1-8fe4-fa163e2ff576

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


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

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

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

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

5d43f211-7b61-11f1-8fe4-fa163e2ff576


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

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

9656fd2a-7b5b-11f1-8fe4-fa163e2ff576


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

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

5ed04bd0-7b5c-11f1-8fe4-fa163e2ff576

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

cd057eb4-7b5e-11f1-8fe4-fa163e2ff576

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

6eccce77-7b62-11f1-8fe4-fa163e2ff576

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

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

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

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

07c355ca-7b64-11f1-8fe4-fa163e2ff576

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

61d16419-7b64-11f1-8fe4-fa163e2ff576

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

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

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

17d7886c-7b62-11f1-8fe4-fa163e2ff576

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

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

9bb13a84-7b5b-11f1-8fe4-fa163e2ff576

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

273e7ce9-7b5e-11f1-8fe4-fa163e2ff576

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

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

0dcd4836-7b61-11f1-8fe4-fa163e2ff576

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

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

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

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

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

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

61ca0345-7b60-11f1-8fe4-fa163e2ff576



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