Karty w sekcjach dynamicznych

Karty w sekcjach dynamicznych zwiększają atrakcyjność wizualną treści poprzez dodanie koloru tła do elementów znajdujących się pod sekcją.

Pomaga to tworzyć przejrzyste i uporządkowane sekcje, dzięki czemu Twoja witryna staje się bardziej atrakcyjna wizualnie i łatwiejsza w nawigacji.

W tym artykule


Pełna karta / Karta tekstowa

Pełna karta

  • Gdy wybrana jest opcja pełnej karty, określony kolor karty i inne właściwości zostaną zastosowane do całej karty, tj. obrazu i tekstu pod nim.

Spójrz: 

Karta tekstowa

  • Gdy wybrana jest opcja karty tekstowej, określony kolor karty i inne właściwości są stosowane tylko do tekstu (pod obrazem).

Spójrz: 


Karty stylów

Opcje stylizacji kart są dostępne w pliku Styl zakładka sekcji (prawa szuflada). Opcje stylizacji są następujące:

Kartki okolicznosciowe

  1. Pokaż jako karty: Wybierz wyświetlanie elementów listy jako Karty pełne/tekstowe. Opcja ta może się różnić w zależności od układu wybranego dla sekcji. Zobacz więcej.
  2. Odstępy między kartami: Wybierz wspólne lub różne odstępy między kartami dla każdej strony elementów listy i ustaw liczbę (w pikselach) dla rozstaw kart obrazów elementów listy.
    Jeśli wybrałeś podzielone rogi, możesz ustawić inne rozstaw kart dla każdej strony karty.
  3. Promień narożnika karty: Określ promień narożnika karty dla karty elementu listy w px.
  4. Wyrównaj wysokość kart: Wybierz, czy wysokość kart ma być taka sama dla wszystkich przedmiotów, czy ma być dostosowywana zależnie od zawartości każdego przedmiotu.


Jeśli wybrałeś układ, w którym tekst jest wyświetlany na obrazie, pojawi się następująca opcja:

  • Pokaż karty: Ten przełącznik określa, czy karta jest wyświetlana. Dostępne są następujące opcje:
    • poza: Całkowicie wyłącza kartę, pozostawiając widoczny tylko obraz i tekst w sekcji.
    • Obraz powyżej: Wyświetla kartę nad obrazem. Ten układ sprawdza się w projektach, w których chcesz, aby tekst był w centrum uwagi przed obrazem.
    • Poniżej obrazu: Wyświetla kartę pod obrazem. Jest to idealne rozwiązanie dla projektów, w których obraz jest najważniejszy, a następnie treść opisowa. Jeśli dla elementu nie zostanie przesłany żaden obraz, karta zostanie wyświetlona dla tego elementu domyślnie.


Kolory kart

  1. Wybierz karta kolor być żadnym, domyślnym lub niestandardowym. W przypadku wybrania opcji domyślnej, kolor karty ustawiony w pliku Sekcja projektowania jest tutaj używany.
  2. Jeśli wybrałeś opcję niestandardową, określ kolor bazowy i 
  3. Kolor tekstu karty.
  4. Wybierz, aby włącz efekt zawisu dla karty.
  5. Określ kolor podstawowy dla widoku karty po najechaniu kursorem.
  6. Określ kolor tekstu dla widoku karty po najechaniu kursorem.


Granica karty

  1. Stanowisko  – Wybierz wspólne lub różne obramowanie karty dla każdej strony elementów listy i ustaw liczbę (w pikselach) dla obramowanie karty.
    Jeśli wybrałeś podzielone rogi, możesz ustawić inne granice karty dla każdej strony karty.
  2. Wybierz Styl granicy karty.
  3. Dodaj Domyślnie kolor obramowania karty lub warunki indywidualne kolor.
  4. If warunki indywidualne jeśli wybrano opcję, podaj kolor.


Nie możesz znaleźć tego, czego szukasz?

Skontaktuj się z Ekspertem Pixpa.