Changer les couleurs

obtenir ces boutons

Changer les couleurs

Pour modifier les couleurs et polices sans corriger les codes CSS et HTML, il faut, dans le "Tableau de bord", cliquer sur "Mise en page", "Outil de création de modèles" et "Avancé". Cela n'implique nullement de devoir changer de "modèle" ("template").

On peut aussi corriger directement les codes de mise en page (CSS) des versions HTML du "modèle" ("template") ou des messages.

Exemple : insérer dans un message : <span style="color:black;">TEXTE À COLORER<span>

Dans un blog, les couleurs sont associées :
- aux caractères affichés : color: rgb(255, 102, 102); color: #9BC3D5; color:#bbb; color: green;
- ou au fond du blog et de ses éléments constitutifs : background: rgb(255, 102, 102); background: #9BC3D5; background: #bbb; background: white.

Les couleurs sont identifiées par :
- un nom : par exmple : "red";
- un code "rgb" (red-green-blue) : par exemple "rgb(255, 102, 102)";
- un code hexadécimal : par exemple "#9BC3D5" (en 6 ou 3 chiffres).

Pour consulter (en français) une liste alphabétique de couleurs et les codes correspondants (hexadécimal et rgb) : cliquer ici.

Pour consulter un générateur de couleurs et un convertisseur de code rgb en code hexadécimal (et inversément), cliquer ici.

Pour trouver une liste alphabétique en anglais de couleurs et les codes correspondants cliquer ici.

* * * * *
ASTUCE POUR CONNAITRE LE CODE D'UNE COULEUR EXISTANTE

Pour identifier facilement le code d'un couleur affichée à l'écran depuis un site quelconque, suivre les instructions suivantes :
1) copier l'écran (Ctrl+Print Screen);
2) ouvrir le logiciel "Paint" ou équivalent ;
3) coller l'écran copié ;
4) cliquer sur la pipette dans la colonne de gauche ;
5) cliquer sur l'endroit où se trouve la couleur à identifier ;
6) cliquer en haut de l'écran sur "Couleurs" ;
7) cliquer sur "Modifier les couleurs" ;
8) cliquer sur "Définir les couleurs personnalisées".

Le code couleur en 3 chiffres (rgb) apparaît à droite.

Exemple d'utilisation : color: rgb(255, 102, 102);

2 commentaires:

hadadjus a dit…

comment je peut changer le couleur d'arrier plan des article et tous le blog ?? mercii d'avance

http://jeunes-diplomes-au-chomage.blogspot.com/

http://ochek-allayl.blogspot.com/


nouvelle chatroulette

http://blog-live-chatroulette.blogspot.com/

Meiser a dit…

Pour les messages, ajouter

background: rgb(255, 102, 102);

(ou une autre couleur) dans le paragraphe qui concerne les messages :
main ...

ou

.post ...

Pour l'ensemble du blog, ajouter le code après :

body ...