Personnaliser une infobulle

Infobulle

 

 

Passez la souris sur les images

Infobulle au dessus

 

 

Infobulle au dessous

Infobulle à gauche

Infobulle à droite

Code Html à insérer dans votre éditeur HTML

Infobulle au dessus


<p><a href="http://www.Lien.fr"><img data-toggle="tooltip" src="http://www.LienDeVotreImage.png" style="width: 200px; height: 200px;" title="Description" /></a></p>

Infobulle au dessous


<p><a href="http://www.Lien.fr"><img data-position="bottom" data-toggle="tooltip" src="http://www.LienDeVotreImage.png" style="width: 200px; height: 200px;" title="Description" /></a></p>

Infobulle à gauche


<p><a href="http://www.Lien.fr"><img data-position="left" data-toggle="tooltip" src="http://www.LienDeVotreImage.png" style="width: 200px; height: 200px;" title="Description" /></a></p>

Infobulle à droite


<p><a href="http://www.Lien.fr"><img data-position="right" data-toggle="tooltip" src="http://www.LienDeVotreImage.png" style="width: 200px; height: 200px;" title="Description" /></a></p>

Infobulle relatif à la souris

 

Infobulle relatif à la souris


<p><a href="http://www.Lien.fr"><img data-container="body" data-origin="mouse" data-toggle="tooltip" src="http://www.LienDeVotreImage.png" style="width: 200px; height: 200px;" title="Description" /></a></p>

 
 

<p><a data-toggle="tooltip" href="http://www.Lien.fr" title="Description">VOTRE TEXTE</a></p>

<p><a data-toggle="tooltip" href="http://www.Lien.fr" title="Description"data-position="bottom">VOTRE TEXTE</a></p>

<p><a data-toggle="tooltip" href="http://www.Lien.fr" title="Description"data-position="left">VOTRE TEXTE</a></p>

<p><a data-toggle="tooltip" href="http://www.Lien.fr" title="Description"data-position="right">VOTRE TEXTE</a></p>

<p><a data-toggle="tooltip" href="http://www.Lien.fr" title="Description"data-origin="mouse" data-container="body">VOTRE TEXTE</a></p>

Retour   Accueil   

Ajouter un commentaire