Eklablog Tous les blogs Top blogs Mode, Art & Design Tous les blogs Mode, Art & Design
Editer l'article Suivre ce blog Administration + Créer mon blog
MENU

Publicité

Mettre une infobulle sur texte et image

 Il peut être utile d'ajouter une infobulle sur un texte ou sur une image  

 

Infobulle sur image 

 

Copiez/collez le code ci dessous dans la zone html de votre éditeur de texte, supprimez et modifiez simplement ce qui est écrit en rouge .

   VOTRE TEXTE: remplacez par le texte que vous voulez voir apparaître dans votre infobulle

   URL DE L'IMAGE : remplacez par l'adresse url (https://www.) du lien de votre image 

    WIDTH : Remplacer le chiffre en rouge par la largeur de votre image

   HEIGHT: Remplacer le chiffre en rouge par la largeur de votre image

 

Code à copier/coller dans la zone html :

<img title="VOTRE TEXTE" src="URL DE L'IMAGE"  width="200" height="200"></img> 

 

Mettre une infobulle sur texte et image -html-

 

Infobulle sur texte

EXEMPLE

 

Copiez/collez le code ci dessous  dans la zone html de votre éditeur de texte, supprimez et modifiez simplement ce qui est écrit en rouge .

DANS LA BULLE :remplacez par le texte que vous voulez voir apparaître dans votre infobulle

VOTRE TEXTE : remplacez par le texte qui apparaîtra dans votre article

Ps : vous pouvez modifier la police (remplacez georgia ) et la taille de votre texte ( remplacez 12pt )

 

Code à copier/coller dans la zone html :

<span style="font-family: georgia;" title="DANS LA BULLE"><span style="font-size: 12pt;">VOTRE  TEXTE</span></span>

 

   

 

Publicité
Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article