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

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

Це допомагає створювати чіткі й упорядковані розділи, роблячи ваш веб-сайт візуально привабливішим і легшим для навігації.

У цій статті


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

  • Коли ви вмикаєте Повна / текстова картка над вашими динамічними розділами елементи списку матимуть контур і фон із кольором картки.
    Також див. Кольори та інтервали на сайті.

Повна картка

  • Якщо вибрано опцію повної картки, колір картки та інші властивості, які ви вказали, застосовуються до всієї картки, тобто до зображення та тексту під ним.

Гляньте: 

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

  • Коли вибрано параметр текстової картки, колір картки та інші властивості, які ви вказали, застосовуються лише до тексту (під зображенням).

Гляньте: 


Карти стилю

Варіанти оформлення картки доступні в стиль вкладка розділу (права шухляда). Варіанти укладання такі:

Cards

  1. Показати як картки: Виберіть, як відображати елементи списку Повні/текстові картки. Цей параметр може відрізнятися залежно від макета, вибраного для розділу. Детальніше.
  2. Інтервал між картками: Виберіть спільний чи інший інтервал між картками для кожної сторони елементів списку та встановіть число (у пікселях) для картковий інтервал зображень елементів списку.
    Якщо ви вибрали розділені кути, ви можете встановити різні картковий інтервал для кожної сторони картки.
  3. Радіус кута картки: Вкажіть радіус кута картки для картки елемента списку в px.
  4. Зробити висоту карт рівною: Виберіть, чи має висота карток бути рівномірною для всіх елементів, чи регулюйте залежно від вмісту кожного елемента.


Якщо ви вибрали макет, у якому текст відображається поверх зображення, з’явиться така опція:

  • Показувати картки: цей перемикач визначає, чи відображатиметься картка. Доступні такі варіанти:
    • вимкненим: повністю вимикає картку, залишаючи видимими лише зображення та текст у розділі.
    • Зображення вище: відображає картку над зображенням. Цей макет добре підходить для дизайнів, де потрібно, щоб текст був у фокусі перед зображенням.
    • Нижче зображення: відображає картку під зображенням. Це ідеально підходить для дизайнів, де зображення є головним фокусом, а потім описовий вміст. Якщо для елемента не завантажено зображення, за замовчуванням відображатиметься картка для цього елемента.


Кольори картки

  1. Виберіть карта color бути відсутнім, за замовчуванням або настроюваним. Якщо вибрано параметр за замовчуванням, колір картки встановлюється в Розділ дизайну тут використовується.
  2. Якщо ви вибрали спеціальну опцію, тоді вкажіть базовий колір і 
  3. Колір тексту картки.
  4. Виберіть увімкніть для картки ефект наведення.
  5. Вкажіть базовий колір для перегляду картки при наведенні курсора.
  6. Вкажіть колір тексту для перегляду картки при наведенні курсора.


Кордон картки

  1. становище – Виберіть спільну або різну межу картки для кожної сторони елементів списку та встановіть число (у пікселях) для кордон картки.
    Якщо ви вибрали розділені кути, ви можете встановити різні межі картки для кожної сторони картки.
  2. Виберіть стиль кордону картки.
  3. Оберіть дефолт колір рамки картки або індивідуальні умови колір
  4. If індивідуальні умови вибрано варіант, вкажіть колір.


Не можете знайти те, що шукаєте?

Зв’яжіться з експертом Pixpa.