Texte-Infobulle - qui s'affiche au passage de la souris

A savoir:    Un TEXTE ALTERNATIF  est un texte descriptif appliqué uniquement aux images et
                   nécessaire au cas où il y aurait un problème lors du chargement de celles-ci.  
                   Son script est:   attribut alt=""
               Un TEXTE pour INFOBULLE est une description qui apparaît à l'écran lorsque
                     le curseur reste quelques secondes sur l'élément auquel elle est appliquée
                     Son script est:    attribut title=""

Modifier une INFOBULLE:   Il n'est pas possible de modifier l'apparence de l'infobulle générée
                     par l'attribut    title="".             Cependant, il est tout à fait envisageable de créer sa
                      propre infobulle en utilisant une balise que l'on fait apparaître au survol du texte.
                       (VOIR explication plus bas)

SOURCE:  SITE DU ZÉRO

11111111111111111111111111111111111111111 

EXEMPLE NO.1:   mot avec les balises <a  et  </a> 
Le Script pour une INFOBULLE SUR  UN  MOT (avec lien au clic de souris)
<p>Cliquez <a href="www.over-blog.com"  title="www.over-blog.com"> ici</a> pour retourner à l'accueil d'overblog</p> 

Ce qui donne :

Cliquez  ici  pour retourner à l'accueil

2222222222222222222222222222222222222222

EXEMPLE NO.2:   MOT avec les balises <acronym  et  </acronym> 

Le Script pour une INFOBULLE SUR  UN  MOT  pour expliquer celui-ci  ( il n'y a pas de lien)

<p>Le <acronym title="mammifère voisin du sanglier"> phacochère</acronym> est haut sur pattes et a des défenses incurvées.</p>

Ce qui donne:

Le  phacochère  est haut sur pattes et a des défenses incurvées.

3333333333333333333333333333333333333333333333333 

EXEMPLE NO.3a:   Mot sur une image avec phrase devant  - sans balises

<p>Cette image peut servir dans votre blog : <img src="http://idata.over-blog.com/1/35/49/90/.gif " title="ligne moustache noire" /></p>

Ce qui donne:

Cette image peut servir dans votre blog:

EXEMPLE NO.3b:   Mot sur une image sans phrase   avec les balises <a  et  </a> 

Le Script pour une INFOBULLE SUR  une Image (avec lien au clic de souris)

<a href="http://www.over-blog.com"><img src="http://idata.over-blog.com/1/35/49/90/.gif" title="Colombe de la Paix" border"0" width="120" height="111" </a>
 

Ce qui donne:

MODIFIER UNE INFOBULLE ( TOOLTIP):  Il n'est pas possible de modifier l'apparence de l'infobulle
                                                    générée  par l'attribut    title="".   

Toutefois,  on peut modifier une infobulle grâce à la balise que l'on fait apparaître au survol du texte.  

On doit cependant passer par le CSS.   Pour explication voir:     

SOURCE 1:  SITE DU ZÉRO

SOURCE 2:    CLN'S BLOG   

SOURCE 3:   MILOUZE

SOURCE 4:   JOLIESPAGES

SOURCE 5:   FICELLE DANNAK

SOURCE 6:    MSDN

.................................................