Cartes dans les sections dynamiques

Les cartes dans les sections dynamiques améliorent l'attrait visuel de votre contenu en ajoutant une couleur de fond aux éléments de la section.

Cela permet de créer des sections claires et organisées, rendant votre site web plus attrayant visuellement et plus facile à naviguer.

Dans cet article


Carte complète / Carte texte

  • Lorsque vous allumez le Carte complète / texte Au-dessus de vos sections dynamiques, les éléments de la liste auront un contour et un arrière-plan de la couleur de la carte.
    Regarde aussi: Couleurs et espacement du site Web.

Carte complète

  • Lorsque l'option « carte pleine » est sélectionnée, la couleur de la carte et les autres propriétés que vous avez spécifiées sont appliquées à la totalité de la carte, c'est-à-dire à l'image et au texte situé en dessous.

Jetez un oeil: 

Carte texte

  • Lorsque l'option de carte de texte est sélectionnée, la couleur de la carte et les autres propriétés que vous avez spécifiées ne sont appliquées qu'au texte (sous l'image).

Jetez un oeil: 


Cartes de style

Les options de style de carte sont disponibles dans le Style Onglet de la section (tiroir de droite). Les options de style sont les suivantes :

Cartes

  1. Afficher sous forme de cartes : Choisissez d'afficher les éléments de la liste comme Cartes complètes/texteCette option peut varier en fonction de la mise en page sélectionnée pour la section. Apprendre encore plus.
  2. Espacement des cartes : Choisissez un espacement uniforme ou différent pour chaque côté des éléments de la liste et définissez une valeur (en pixels) pour l'espacement. espacement des cartes des images des éléments de la liste.
    Si vous avez choisi l'option « coins divisés », vous pouvez définir différents paramètres. espacement des cartes pour chaque côté de la carte.
  3. Rayon des coins de la carte : Spécifie le rayon de courbure des coins de la carte pour la carte de l'élément de liste en px.
  4. Égaliser la hauteur des cartes : Choisissez si la hauteur des cartes doit être uniforme pour tous les éléments ou s'adapter en fonction du contenu de chaque élément.


Si vous avez sélectionné une mise en page dans laquelle le texte s'affiche par-dessus l'image, l'option suivante apparaîtra :

  • Afficher les cartes : ce bouton permet d’afficher ou non la carte. Les options suivantes sont disponibles :
    • de: Désactive complètement la carte, ne laissant visibles que l'image et le texte dans la section.
    • Image ci-dessusAffiche la carte au-dessus de l'image. Cette mise en page convient parfaitement aux créations où l'on souhaite mettre l'accent sur le texte avant l'image.
    • Ci-dessous l'imageAffiche la fiche sous l'image. Idéal pour les visuels où l'image est l'élément principal, suivie du texte descriptif. Si aucune image n'est associée à un article, la fiche s'affichera par défaut.


Couleurs des cartes

  1. Choisissez le carte couleur Les options peuvent être « aucune », « par défaut » ou « personnalisée ». Si l'option par défaut est choisie, la couleur de la carte sera celle définie dans le Rubrique Conception est utilisé ici.
  2. Si vous avez choisi l'option personnalisée, veuillez préciser le couleur de base et 
  3. Couleur du texte de la carte.
  4. Choisissez d' Activer l'effet de survol pour la carte.
  5. Spécifie le couleur de base pour l'affichage au survol de la carte.
  6. Spécifie le couleur du texte pour l'affichage au survol de la carte.


Bordure de carte

  1. Poste – Choisissez d'avoir une bordure commune ou différente pour chaque côté des éléments de la liste et définissez une valeur (en pixels) pour la bordure. bordure de carte.
    Si vous avez choisi l'option « coins divisés », vous pouvez définir différents paramètres. bordures de carte pour chaque côté de la carte.
  2. Choisissez le Style de la bordure de la carte.
  3. Choisissez Réglage par défaut couleur de la bordure de la carte ou Encadrement Sur Mesure couleur.
  4. If Encadrement Sur Mesure L'option est sélectionnée, veuillez préciser la couleur.


Vous ne trouvez pas ce que vous cherchez?

Contactez un Expert Pixpa.