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