samedi 19 mai 2012

Liens en italique ou en gras

Modifié et remonté
Vous pouvez faire apparaître vos liens en gras par exemple lorsqu'on les survole. Sur un des mes blogs - http://nbbc-fr.blogspot.com/, ils apparaissent en gras tout-le-temps pour être mieux repérés.

Recherchez a:link


a:link {
  text-decoration: none;
  color: $(link.color);
  font-weight:bold ;
}

a:visited {
  text-decoration: none;
  color: $(link.visited.color);
  font-weight:bold ;
}

a:hover {
  text-decoration: underline;
  color: $(link.hover.color);
  font-weight:bold ;
 font-style: italic
}

Il faut donc rajouter 
 font-weight:bold ; 
à chaque section si on veut que les liens soient en Gras tout-le-temps ou seulement à

a:hover {

  text-decoration: underline;

  color: $(link.hover.color);

si vous voulez qu'ils apparaissent en gras au survol de la souris (cela va être bientôt le cas ici).
font-weight:bold ;
Si voulez qu'il apparaissent en italique: 
font-style: italic
Si vous voulez changer la taille de la police (c'est le cas ici):
font-size:1.2em
Si vous ne voulez pas que les liens soient soulignés (ça fait vieux-jeu et c'est moins esthétique*!) mettez:text-decoration: none;
Si vous voulez au contraire jouer la tradition (liens soulignés):
text-decoration: underline;
Si vous voulez que votre lien clignote au survol (seulement les liens survolés, sinon ça peut devenir pénible et de mauvais goût):
text-decoration: blink;
(ne fonctionne pas sur ce modèle)
Pour faire clignoter un texte ou un lien, vous pouvez aussi utiliser les balises  <blink> texte</blink> (ne fonctionne pas sous IE et attention! à faire uniquement en mode HTML, si vous repassez en mode "rédiger", ça ne marche plus! Et d'ailleurs, ça ne fonctionne pas non plus ici. Il faudra que j'essaye sur un autre blog...)


Attention! dans 1.2em, il s'agit d'un point et non pas d'une virgule (système anglo-saxon). On peut mettre 0.8em tout aussi bien ou même 0.05em. Plus le nombre sera élevé plus la police sera grande. Il ne faut pas exagérer car cela peut devenir fatiguant pour les yeux car tout se déplace quand on survole les liens...

Attention! cette modification s'applique à tous les liens, y compris ceux de la barre latérale (barre des widgets).

* A ce propos, il est de "bon ton" de créer des blogs ou sites avec un texte faiblement contrasté. Ça m'horripile! Certaines pages deviennent ainsi quasiment illisibles... Ces webmasters pensent-ils un seul moment aux mal-voyants? Tout ça pour faire "tendance"...? A mon avis, c'est en voie de devenir démodé car inutile et anti-ergonomique... Si ça vous agace aussi, je vous conseille l'extension Stylebot pour Google Chrome qui permet de modifier l'aspect d'une page à la volée... que ça plaise ou non au webmaster!

Aucun commentaire:

Enregistrer un commentaire