mercredi 3 septembre 2014

Afficher un texte sur une image

astuce donnée par Papasti :

Ajouter le onmouseover dans le code html.

Exemple (partie en couleur à ajouter):

<img onmouseover="javascript:Help.bubble(this,'&lt;h2&gt;Exemple&lt;/h2&gt;');" src="http://data0.ek.la/monpremierblog/mod_article45847799_4f86e5251e99b.jpg?9261" alt="jgjgj" />

Ici le texte affiché est celui en bleu et il va s'afficher au format des titres de type h2 

l'avantage de cette méthode est de pouvoir mettre du gras, de l'italique, des images etc.

On peut aussi jouer sur l'apparence de la bulle d'aide avec un css comme celui-ci:

#help_bubble 
{
   color:white;
   border-radius:10px;
   background-color:black;
   opacity:0.8;
}

Aucun commentaire:

Enregistrer un commentaire