Créer une info bulle au survol sur un lien

Je trouve l'astuce très pratique pour éviter de surcharger la page lorsqu'il s'agit de donner une indication complémentaire sur le lien.Par contre entre html et css à rajouter et bidouilles de toutes sortes j'ai toujours trouvé compliqué d'insérer ce petit résumé.

Donc je vous mets ici comment je procède. C'est simple et il n'y a qu'une seule opération.

°°°°°°°°°°

A la base, sans avoir intégré le code pour obtenir une info bulle, nous avons :

<a href="http://www.agoravox.fr/" target="_blank"><span style="font-family: Arial,Helvetica,sans-serif;">Agoravox</span></a><br />

Ce qui correspond à

°°°°°°°°°°

Pour obtenir une bulle, il suffit d'intégrer la balise TITLE, ce qui donne :
(le rajout ici en rouge)

<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"><a alt="Agora Vox" href="javascript:void(0)" onclick="window.open('http://www.agoravox.fr/'); return false;" title="Le média citoyen">Agoravox</a></span></span>

Ce qui au passage du curseur correspond à

°°°°°°°°°°

Précisions : 

Le rajout est placé après la première écriture sans oublier :

- d'ouvrir la totalité de l'écriture par : <span

- et la fermer par : </a></span>

Les données variables sont ici celles indiquées en bleu (le texte du lien tel qu'il est visible sur la page) et en rouge (le texte de l'info bulle).

<a alt="Agoravox"href="javascript:void(0)"onclick="window.open('http://www.agoravox.fr/'); return false;" title="Le média citoyen">Agoravox</a></span></span>

Attention à bien écrire le lien visé !

Voila, c'est tout, c'est simple et c'est fini !

Dajaltosa