L’avantage quand on est un vieux ((Très vieux diront certain(e)s)) geek comme moi, c’est qu’on est souvent autodidacte et toujours avide d’apprendre :cool: Ca tombe bien on en apprend tous les jours vous me direz.

Et bien aujourd’hui est encore un jour où j’ai appris quelque chose. Dingue hein? Je m’empresse donc d’en faire un article avant de l’oublier… ((Elle était facile celle la)) *erm*

J’ai trouvé une astuce intéressante et simple qui permet de s’amuser un peu avec le formatage des polices de caractères. Vous avez besoin d’un effet sympa pour vos titres, sous-titres, etc. mais vous êtes une truffe en design. N’ayez crainte, un p’tit coup de CSS et *hop* le miracle s’accomplit!

Hola ne partez pas, toute l’astuce réside dans cette bonne vieille feuille de style mais, rassurez-vous, c’est bête comme chou ((Je me ringardise moi ça fait peur…))

Il suffit de créer quelques classes personnalisées et d’improviser avec le code. Je vous mets quelques exemples qui peuvent plaire :

Effet Funky

h3.funky { font-family: "Trebuchet MS", Garamond, Georgia; font-size: 36px;letter-spacing: 20px; line-height: .65em; color: #666666; font-weight: 100;}
h3.funky span { letter-spacing: 5px;}

Ce qui donnera une fois la classe appliquée

Funky
Webdesign!

Formater les dates

h3.el { font-family: Verdana, Arial, Helvetica, sans-serif; color: #BBBBBB; border-bottom: #CCCCCC 1px solid; letter-spacing: 1em; font-weight: 100; line-height: .8em; font-size: 9px;}

Ce qui donnera

SAMEDI 19 MARS 2046

Et enfin le dernier

h3.line_drop { font-family:"Trebuchet MS", Garamond, Georgia; line-height: .88em; border-bottom: #990000 1px solid;color:#990000;letter-spacing: -2px; }

Qui donnera

Web Design Rockstarz

Bien sûr il y a plein d’autres combinaisons possibles et il faut également que les polices utilisées ne soient pas trop exotiques sous peine de ruiner l’effet si le visiteur qui visite votre site/blog ne les possède pas sur son cher disque dur.

Il existe pourtant une autre astuce pour s’affranchir de cette dernière contrainte ((Se limiter aux polices les plus utilisées)) mais j’en parlerai une autre fois, Muwhahahahahaha :D