Changer les couleurs

En observant la feuille de style, vous remarquerez qu'on repère facilement les couleurs : elles sont indiquées en code hexadécimal, c'est-à-dire un nombre précédé du signe #. Ce nombre comporte six chiffres ou trois ; quand il en comporte trois c'est que chacun d'eux est doublé. Ainsi, #fc3 est équivalent à #ffcc33 (on notera cependant que certains vieux navigateurs ont parfois du mal avec la version à trois chiffres.)

Dans ma Boîte à outils, vous trouverez des liens vers des sites vous aidant à choisir les couleurs ou tout simplement à connaître leur code.

Repérez les signes # dans la feuille de style, voyez à quoi ils s'appliquent et choisissez-en d'autres selon votre goût. Ces changements apporteront une allure tout à fait différente à votre blog.

Choisir une famille de caractères

Vous pouvez également changer les caractères. Ce paramètre est déterminé par le marqueur font-family. A savoir : Les familles de caractères sont au nombre de cinq :

  • serif : avec empattement ;
  • sans-serif : bâton ;
  • script : en script (étonnant, non ?) ;
  • fantasy : fantaisie (attention : d'aspects très différents d'une plate-forme à l'autre) ;
  • monospace : à espacement fixe style machine à écrire, le plus couramment employée pour citer du code.

Gardez toujours à l'esprit que vous ne pourrez pas imposer une police en particulier : le navigateur ne pourra afficher que les polices disponibles sur la machine de l'utilisateur. C'est pourquoi il est vivement recommandé d'en mentionner plusieurs, dont le nom générique de la famille. Le navigateur affichera la première de votre liste, s'il ne la trouve pas, la deuxième, etc.Voici les polices les plus répandues :

  • Sans-serif :
    • "Lucida grande" sur Mac OSX ;
    • Verdana sur Windows et Mac OS9 ;
    • Lucida sur les plates-formes Unix récentes ;
    • Helvetica pour les plates-formes Unix (dont Mac) les plus anciennes.
  • Serif :
    • Georgia : Windows et Mac OSX ;
    • "New Century Schoolbook" : Unix ;
    • Times : plates-formes anciennes.Comme pour le reste, la notion d'héritage est très importante : la font-family d'un conteneur s'applique à tous ses enfants. Ainsi, par exemple une famille de caractères déterminée dès le body s'appliquera à tout votre blog sauf quand vous aurez spécifié l'inverse. Exemple :
body {
     font-family : Georgia, "New Century Schoolbook", Times, serif;
     (.......)
} #sidebar {
     font-family : "Lucida grande", Verdana, Lucida, Helvetica, sans-serif;
     (.......)
}

aura pour effet d'afficher tout votre blogue dans l'une ou l'autre des polices serif et le menu en sans-serif.