Votre blog à vos couleurs et à votre caractère
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-familyd'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.
Commentaires
1. Le jeudi 3 novembre 2005 à 23:27, par JU
2. Le vendredi 4 novembre 2005 à 08:31, par Kozlika
3. Le jeudi 8 décembre 2005 à 15:39, par stefanos
4. Le dimanche 11 décembre 2005 à 11:13, par Kozlika
5. Le lundi 6 février 2006 à 22:35, par phénakis
6. Le lundi 6 février 2006 à 22:48, par Kozlika
7. Le mercredi 29 mars 2006 à 23:46, par Chrispic
8. Le jeudi 30 mars 2006 à 00:00, par Chrispic
9. Le jeudi 25 mai 2006 à 12:24, par Rico
10. Le lundi 5 juin 2006 à 12:44, par Chocolate Cake
11. Le jeudi 13 juillet 2006 à 10:05, par Brounoh
12. Le vendredi 27 octobre 2006 à 20:25, par Bayounette
13. Le samedi 28 octobre 2006 à 07:20, par Kozlika
14. Le mercredi 1 novembre 2006 à 11:10, par hé les filles
15. Le vendredi 16 février 2007 à 16:35, par Fredo
16. Le lundi 5 mars 2007 à 10:00, par Phil
17. Le vendredi 25 mai 2007 à 09:25, par je1
18. Le mercredi 12 septembre 2007 à 21:42, par Fred
19. Le mercredi 12 septembre 2007 à 21:47, par Kozlika
20. Le jeudi 13 septembre 2007 à 09:49, par Fred
21. Le jeudi 13 septembre 2007 à 09:52, par Fred
22. Le jeudi 13 septembre 2007 à 09:55, par Fred
23. Le lundi 17 septembre 2007 à 17:25, par Kozlika
24. Le jeudi 20 septembre 2007 à 15:19, par Fred
25. Le mercredi 13 février 2008 à 08:54, par mac karel
26. Le jeudi 14 février 2008 à 13:02, par Kozlika
27. Le samedi 31 janvier 2009 à 09:52, par Bambou
28. Le samedi 23 avril 2011 à 18:50, par Henri