On peut appliquer une couleur de fond à du texte, à un paragraphe ou à tout un billet (ou page).
Les méthodes sont décrites ci-dessous.
Texte
Sélectionner le texte.
Cliquer sur Couleur d'arrière-plan.
Choisir parmi celles qui sont proposées.
Exemple
L'Atelier Canopé 78 est fermé le lundi.
Remarque
En basculant vers le mode Source, on peut modifier la couleur (code hexadécimal).
Paragraphe
Basculer vers le mode Source.
Un paragraphe est encadré par les balises <p> et </p>.
Insérer l'attribut style="background-color:#F1C40F" au début de la balise <p> comme indiqué ci-dessous, #F1C40F étant le code hexadécimal de la couleur souhaitée.
Pour obtenir de tels codes, on peut utiliser le nuancier Adobe Color, une Palette de couleurs ou un Convertisseur de couleurs.
Exemple
Sur un site internet comme ailleurs, les couleurs ont un impact psychologique, en partie lié à des déterminants culturels. Le blanc est synonyme de pureté, le jaune de joie, le rouge de passion, de sensualité ou de colère, le vert de nature, d’apaisement, de confort...
Dans le choix du design de votre site internet, vous devez prendre en considération la dimension symbolique des couleurs. Les couleurs ne doivent pas être choisies au hasard...
Billet
Quand la rédaction du billet est terminée, basculer vers le mode Source puis insérer la balise <div style="background-color:#F1C40F;"> au début puis la balise </div> à la fin comme indiqué ci-dessous.
Exemple
Cliquer ICI pour voir un exemple.
Pour le blog
Dans le panneau latéral, cliquer sur Feuille se style.
Saisir le code suivant dans la zone d'édition :
body
{
background-color: #DEF9DC;
}
Cliquer sur Enregistrer.
La couleur de fond sera appliquée à l'ensemble du blog. Exemple ICI.
Remarques
• Une autre méthode (avec insertion d'un tableau) est décrite ICI.
• On peut obtenir le code hexadécimal d'une couleur contenue dans une page web à l'aide de la pipette de couleur du navigateur.
Avec Firefox : Ouvrir le menu ≡ puis Développement web puis Pipette ; le code hexadécimal est copié dans le presse-papier.
Avec Chrome : installer l'extension Getcolor.
