Comment styliser un bloc : bordure, fond, marges, ombre

L'engrenage apparaît au survol d'un bloc — en-tête, pied de page, zone de contenu, colonnes de formulaire, cartes. Il ouvre la fenêtre des styles. Les modifications s'enregistrent automatiquement, au fil de la saisie ; le bouton « Effacer » réinitialise la mise en forme du bloc.

Où trouver quoi :

• « Bordure » — position (tous les côtés ou un seul), couleur, épaisseur, arrondi des angles.
• « Bloc » — couleur de fond, dégradé (« Utiliser un dégradé de fond »), « Ombre du bloc », « Marge intérieure » et « Marge extérieure », image de fond, largeur et hauteur (y compris minimales et maximales), « Alignement du texte » et « Alignement du bloc », « Visibilité » — masquer le bloc sur ordinateur, tablette ou téléphone.
• « Texte » — police, taille, couleur.
• « Liens » — couleur des liens à l'intérieur du bloc, distincte de celle du texte ordinaire.
• « Animation » — apparition, réaction au survol et mouvement permanent.
• « Positionnement » — « Type de positionnement » (bloc fixé en haut ou en bas de la fenêtre), décalage, rotation.

L'aspect au survol se règle avec le sélecteur situé dans l'en-tête de la fenêtre : « Normal » / « Au survol » / « Actif » (ce dernier uniquement pour les éléments de menu). Dans les onglets « Bordure », « Bloc », « Texte » et « Liens », les réglages s'appliquent à l'état sélectionné ; un champ vide signifie « comme à l'état normal ».

L'interrupteur principal — « Appliquer uniquement à ce bloc ». Sans la case cochée, le réglage s'applique à tous les blocs de ce type sur l'ensemble du site : si vous mettez une bordure à la zone de contenu, elle apparaîtra sur chaque page. Avec la case cochée, uniquement sur ce bloc de cette page.

En cas de problème

• Ce n'est pas le bon bloc qui a été modifié. Les blocs sont imbriqués les uns dans les autres : visez plus précisément, l'engrenage apparaît sur le bloc survolé par le curseur.
• Modifié sur une page — changé partout. La case « Appliquer uniquement à ce bloc » n'était pas cochée. Rétablissez la valeur et recommencez avec la case cochée.
• L'alignement du texte ne fonctionne pas. Vérifiez que l'alignement du bloc lui-même n'est pas défini sur ce même bloc — les deux entrent en conflit.