Carte nelle sezioni dinamiche

Le schede nelle sezioni dinamiche migliorano l'aspetto visivo dei tuoi contenuti aggiungendo un colore di sfondo agli elementi nella sezione.

Ciò aiuta a creare sezioni pulite e organizzate, rendendo il tuo sito web visivamente più accattivante e più facile da navigare.

In questo articolo


La carta completa / Carta di testo

  • Quando accendi il Scheda completa / testo nelle sezioni dinamiche, gli elementi dell'elenco avranno un contorno e uno sfondo con il colore della scheda.
    Vedi anche: Colori e spaziatura del sito web.

Scheda completa

  • Quando si seleziona l'opzione della scheda intera, il colore della scheda e le altre proprietà specificate vengono applicati all'intera scheda, ovvero all'immagine e al testo sottostante.

Dai un'occhiata: 

Scheda di testo

  • Quando è selezionata l'opzione della scheda di testo, il colore della scheda e le altre proprietà specificate vengono applicati solo al testo (sotto l'immagine).

Dai un'occhiata: 


Schede di stile

Le opzioni di stile della carta sono disponibili in Style scheda della sezione (cassetto destro). Le opzioni di stile sono le seguenti:

Carte

  1. Mostra come carte: Scegli di mostrare gli elementi dell'elenco come Schede complete/testoQuesta opzione può variare in base al layout selezionato per la sezione. Scopri di più.
  2. Spaziatura delle carte: Scegli di avere una spaziatura delle carte comune o diversa per ogni lato degli elementi dell'elenco e imposta un numero (in px) per spaziatura delle carte delle immagini delle voci dell'elenco.
    Nel caso in cui tu abbia scelto angoli divisi, puoi impostare diversi spaziatura delle carte per ogni lato della carta.
  3. Raggio dell'angolo della carta: specificare la raggio dell'angolo della carta per la scheda dell'elemento dell'elenco in px.
  4. Rendi le altezze delle carte uguali: Scegli se l'altezza delle carte deve essere uniforme per tutti gli elementi oppure se deve essere regolata in base al contenuto di ciascun elemento.


Se hai selezionato un layout in cui il testo viene visualizzato sopra l'immagine, apparirà la seguente opzione:

  • Mostra schede: questo pulsante determina se la scheda viene visualizzata o meno. Sono disponibili le seguenti opzioni:
    • sconto: Disattiva completamente la scheda, lasciando visibili nella sezione solo l'immagine e il testo.
    • Immagine sopra: Visualizza la scheda sopra l'immagine. Questo layout è ideale per progetti in cui si desidera che il testo sia al centro dell'attenzione prima dell'immagine.
    • Sotto l'immagine: Visualizza la scheda sotto l'immagine. Questa opzione è ideale per i design in cui l'immagine è l'elemento principale, seguito dal contenuto descrittivo. Se non viene caricata alcuna immagine per un articolo, la scheda verrà visualizzata per impostazione predefinita per quell'articolo.


Colori delle carte

  1. Scegliere il carta colore essere nessuno, predefinito o personalizzato. Se viene scelta l'opzione predefinita, il colore della carta impostato in Sezione di progettazione è usato qui.
  2. Se hai scelto l'opzione personalizzata, specifica il colore di base e 
  3. Colore del testo della carta
  4. Scegli abilita l'effetto Hover per la carta.
  5. specificare la colore di base per la visualizzazione con passaggio del mouse sulla scheda.
  6. specificare la colore del testo per la visualizzazione con passaggio del mouse sulla scheda.


Bordo della carta

  1. Posizione – Scegli di avere un bordo della scheda comune o diverso per ogni lato degli elementi dell'elenco e imposta un numero (in px) per il bordo della carta.
    Nel caso in cui tu abbia scelto angoli divisi, puoi impostare diversi bordi delle carte per ogni lato della carta.
  2. Scegliere il Style del bordo della carta.
  3. Scegli Predefinito colore del bordo della carta o Custom colore.
  4. If Custom è selezionata l'opzione, specificare il colore.


Non trovi quello che cerchi?

Mettiti in contatto con un esperto Pixpa.

Pixpa Studio è stato appena rinnovato. Stiamo aggiornando tutte le schermate degli articoli di aiuto.