Ombre sous les liens

24.08.2011

qu'est-ce que c'est ?

Mettre de l'ombre sous les liens ça ressemblerait
à ce genre de chose.

comment faire ?

Pour commencer, vous ouvrez votre feuille CSS qui se trouve dans
Apparence > Modifier le thème > Ajouter du CSS

Puis vous copiez ce code

a { text-shadow: 1px 1px 2px #ffffff; }

a est le sélécteur des liens du blog par défaut.
text-shadow c'est notre fameuse ombre qui vient derriere nos liens et il est suivit de quatre valeurs, la première c'est l'axe horizontal de l'ombre par rapport aux liens (en px), la deuxième c'est l'axe vertical (en px) et la troisième réprésente la "dureté" (en px) de l'ombre en quelque sorte, c'est à dire que plus le chiffre sera petit, plus l'ombre sera flou ou bien inversement, plus le chiffre sera grand, plus l'ombre sera nette.
Enfin, la couleur, à la place de #ffffff, vous pouvez notez le code héxadecimal de la couleur de votre souhait, ainsi, votre ombre aura la couleur définie.

un peu plus d'approfondissement

Pour appliquer tout ceci aux textes et non aux liens, il suffit de remplacer notre a par un p.
Ce qui nous donne :

p { text-shadow: 1px 1px 2px #ffffff; }