Sur certains sites il peut être utile d'informer le visiteur sur la nature du lien en changeant la couleur et en y associant une petite image : est-ce un lien interne, externe, une image, un lien affilié... Pour y arriver facilement je vous conseille d'installer le script de DLINK qui fait cela très bien et presque tout seul...
Premièrement il faut mettre ce bout de code dans votre header :
1 | <script type="text/javascript" src="http://oopstudios.com/dlink/dlink.js"></script> |
Ensuite il faut ajouter la class DLINK à tous les liens que vous souhaitez marquer (cela peut se faire simplement dans les templates de wordpress par exemple) :
1 2 3 | <div class="dlink"> your <a href="#">link filled</a> content... </div> |
Et enfin ajouter ce bout de code dans votre fichier CSS :
1 2 3 4 | a.internal {color: #D47700;} a.external {color: #0074D4;} a.subdomain {color: #D43500;} a.email {color: #00B235;} |
Via Ajaxian
4 Commentaires
Un peu dans le même ordre d’idée mais concernant des liens vers des fichiers avec une extension connue : http://pooliestudios.com/projects/iconize/
En effet c’est dans le même esprit!
Je cherchais justement à faire ça, ça va me faciliter la tâche ^^
Bonjour,
pour information, il est également possible de faire cela via les sélecteurs :after et :before du langage CSS2.1.
Vous avez un article intéressant à ce sujet ici : http://www.456bereastreet.com/.....rs_part_3/