Карточки в динамических разделах

Карточки в динамических разделах повышают визуальную привлекательность вашего контента, добавляя фоновый цвет к элементам раздела.

Это помогает создавать понятные и организованные разделы, делая ваш сайт более привлекательным и простым в навигации.

В этой статье


Полная карточка / Текстовая карточка

  • Когда вы включаете Полная / Текстовая карточка над вашими динамическими разделами элементы списка будут иметь контур и фон с цветом карты.
    Также см: Цвета и интервалы на сайте.

Полная карта

  • Когда выбран вариант полной карты, цвет карты и другие указанные вами свойства применяются ко всей карте, т. е. к изображению и тексту под ним.

Посмотрите: 

Текстовая карта

  • Когда выбран вариант текстовой карты, цвет карты и другие указанные вами свойства применяются только к тексту (под изображением).

Посмотрите: 


Карты стиля

Параметры стиля карты доступны в Стиль вкладка раздела (правый ящик). Варианты оформления следующие:

Карты

  1. Показать как карты: Выберите отображение элементов списка как Полные/текстовые карты. Этот параметр может меняться в зависимости от выбранного макета раздела. Узнать больше.
  2. Расстояние между картами: Выберите общий или разный интервал между карточками для каждой стороны элементов списка и установите число (в пикселях) для интервал между картами изображений элементов списка.
    Если вы выбрали разделенные углы, вы можете установить различные интервал между картами для каждой стороны карты.
  3. Радиус угла карты: Укажите радиус угла карты для карточки элемента списка в px.
  4. Сделать высоты карт одинаковыми: Выберите, должна ли высота карточек быть одинаковой для всех элементов или регулироваться в зависимости от содержимого каждого элемента.


Если вы выбрали макет, в котором текст отображается поверх изображения, то появится следующая опция:

  • Показать карты: Этот переключатель определяет, будет ли отображаться карта. Доступны следующие параметры:
    • Выкл.: Полностью отключает карточку, оставляя видимыми только изображение и текст в разделе.
    • Изображение выше: Отображает карточку над изображением. Этот макет хорошо подходит для дизайнов, где вы хотите, чтобы текст был в центре внимания перед изображением.
    • Изображение ниже: Отображает карточку под изображением. Идеально подходит для дизайнов, где изображение является основным фокусом, за которым следует описательное содержимое. Если для элемента не загружено изображение, по умолчанию для этого элемента будет отображаться карточка.


Цвета карт

  1. Выберите карта цвете быть отсутствующим или по умолчанию или пользовательским. Если выбран вариант по умолчанию, то цвет карты, установленный в Раздел дизайна здесь используется.
  2. Если вы выбрали пользовательский вариант, укажите основной цвет и 
  3. Цвет текста карты.
  4. Выберите включить эффект наведения для карты.
  5. Укажите базовый цвет для просмотра при наведении карты.
  6. Укажите цвет текста для просмотра при наведении карты.


Граница карты

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


Не можете найти то, что ищете?

Свяжитесь с экспертом Pixpa.

Pixpa Studio только что обновили. В данный момент мы обновляем скриншоты всех справочных статей.