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

Настройки оформления блока «Услуги»


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

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

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

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

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

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

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

761e918b-7b5e-11f1-8fe4-fa163e2ff576
  • верхний блок: 0, нижний: 0;

c9d71ba6-7b5c-11f1-8fe4-fa163e2ff576
  • верхний блок: 130, нижний: 130.

2424da8a-7b5c-11f1-8fe4-fa163e2ff576

Рассмотрим отображение заголовка блока. При выключенном параметре исчезает не только заголовок, но и описание.

  • блок с заголовком;

f57ac58a-7b5b-11f1-8fe4-fa163e2ff576
  • блок без заголовка.

2949703d-7b5d-11f1-8fe4-fa163e2ff576
Позиции заголовка блока могут быть следующих видов: обычный; по центру; заголовок слева, описание справа.
  • Обычная позиция заголовка.

f57ac58a-7b5b-11f1-8fe4-fa163e2ff576
  • Позиция заголовка: по центру.

dfb61f87-7b5b-11f1-8fe4-fa163e2ff576
  • Позиция заголовка: заголовок слева, описание справа.

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

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

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

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

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

  • неширокие картинки с услугами;

adcf647b-7b63-11f1-8fe4-fa163e2ff576
  • широкие картинки с услугами;

6c17c88a-7b5c-11f1-8fe4-fa163e2ff576
  • картинки с отступами;

3a6fc213-7b63-11f1-8fe4-fa163e2ff576
  • картинки без отступов.

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

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

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

49ae073d-7b61-11f1-8fe4-fa163e2ff576
  • количество элементов в строке: 3;

c8b15487-7b61-11f1-8fe4-fa163e2ff576
  • количество элементов в строке: 4.

6cbdd650-7b5b-11f1-8fe4-fa163e2ff576Помимо элементов, первым двум типам можно задать 1, 2, 3 или неограниченное количество строк. Рассмотрим разницу между числом строк:
  • количество строк: 2;

5b8bc7c1-7b5c-11f1-8fe4-fa163e2ff576
  • количество строк: 3.

749033fa-7b5c-11f1-8fe4-fa163e2ff576

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

  • вид изображения: иконки;

40e9f31f-7b5e-11f1-8fe4-fa163e2ff576
  • вид изображения: картинки;

1ffc9a98-7b62-11f1-8fe4-fa163e2ff576
  • вид изображения: прозрачные картинки.

4ec698a9-7b60-11f1-8fe4-fa163e2ff576Первому и второму типу отображения блока можно назначить, что отображать в услугах: элементы или разделы.
  • отображать: элементы;

e9efb396-7b60-11f1-8fe4-fa163e2ff576
  • отображать: разделы.

0be2dc70-7b5c-11f1-8fe4-fa163e2ff576

Только третьему типу «С большой картинкой» можно назначить следующие позиции картинок: по сторонам и справа.

  • позиция картинки: по сторонам;

041d9eaf-7b60-11f1-8fe4-fa163e2ff576

  • позиция картинки: справа.

ec3fd85e-7b60-11f1-8fe4-fa163e2ff576

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