10 août 2010

Découvrir les codes couleur

Vous allez avoir souvent besoin des codes couleur pour modifier les couleurs de police, de background, d'encadrement... dans votre CSS et votre HTML.

Soit vous utilisez :
  • un logiciel de dessin évolué (Paint Shop Pro par exemple)
  • un générateur en ligne. Conservez bien en favori son adresse, vous en aurez souvent besoin. A titre indicatif, j'aime bien celui-ci : Yoyodesign
pour définir votre code couleur.

Les codes couleurs peuvent se présenter sous plusieurs formes, mais il suffit de connaître les deux suivantes :

1) un sigle composé de # et d'une suite de 3 ou 6 chiffres et lettres, tel que :
#000 et #000000 pour le noir,
#fff et #ffffff pour le blanc
Le choix est donc infini.

2) Les noms anglais des couleurs peuvent aussi être utilisés, mais le choix est alors moins vaste. Ainsi :
red pour rouge,
black pour noir,
white pour blanc,
etc...
Dans votre CSS :

Color:#000000 aura donc la même signification que color:black et Color:#000

10 commentaires:

  1. Bonjour Ana K! mais comment fais-tu pour savoir tout ça ? j'en suis époustouflée!
    Voici mon problème : j'ai le design Loseout et j'aimerais changer la couleur des liens dans les articles, car on ne voit rien. J'ai potassé le manuel et vu qu'il fallait changer COULOUR dans le CSS dans "contenu d'articles". Or, dans contenu d'article, il n'y aucune mention de couleur, seulement ceci : contenuArticle, .pageContent {padding: 10px;}
    Alors comment mettre en noir ou violet foncé?
    Merci d'avance de tes lumières, c'est vraiment sympa de mettre ton savoir à notre disposition! A tout bientôt!
    http://lenirvana.over-blog.com

    RépondreSupprimer
  2. Bonjour Nirvana :)
    Il faut rajouter la ligne
    .contenuArticle a {color:black!important;}
    car
    .contenuArticle représente le contenu de l'article
    a représente les liens
    color:black représente la couleur noire.

    RépondreSupprimer
  3. Et le ! important;} ?
    Il n'est pas présent partout dans le CSS, quelle est son importance, et à quel moment faut il le mettre dans la formule ?

    RépondreSupprimer
  4. Bonjour Iloria :) le !important signifie que la commande est prioritaire. Il n'y a pas de règle générale.

    RépondreSupprimer
  5. Bonjour annak, voila j'ai un problème, en faite j'aimerais changer la couleur des liens de tout mon blog, car ceux ci sont en rose et ne vont pas du tout avec les couleurs de mon entête... Mon thème est Characterized chez overblog. Merci d'avance pour ton aide :)

    RépondreSupprimer
  6. Bonjour NRV ;)
    Tu y es arrivé ? comme je vois que les liens sont en blancs ou en rouge.

    RépondreSupprimer
  7. Oui c'est bon j'ai en faite trouver une autre rubrique qui m'a aidé, merci :)

    RépondreSupprimer
  8. Bonjour Annak,

    Je viens souvent sur ton blog, je suis émerveillé de voir toutes tes connaissances.
    Meci pour nous les partagers, et grâce à toi je commence à faire de petit progret, mais il me reste beaucoup à apprendre.
    Je te souhaite une excellente journée
    Amitié,
    René

    RépondreSupprimer
  9. bonjour;)
    j'ai mis comme template "Texture ART"
    je trouve l'en tête trop large (de couleur verte)
    comment faire pour quelle soit moins large
    j'ai un blog sous over blog
    le voici
    http://www.cartespostaleslatranche.fr/
    Merci et bonne soirée

    RépondreSupprimer
  10. Bonjour. J’ai creér mon blog via la plateforme OverBlog. J’ai modifié mon CSS (Pour enlever le fond rayé’ et le remplacer par un simple fond blanc ainsi que changer le titre des articles par du gris. Voilà, seulement j’ai fais tout ça, au moment de la prévisualisation, tout apparait nikel mais quand je vais sur le blog , rien a changé.
    Que dois – je faire.?
    Merci
    www.meatpacking.fr

    RépondreSupprimer

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)