Vous pouvez poster dans la section entraide pour vos forums sans être inscrit !


 
-39%
Le deal à ne pas rater :
Pack Home Cinéma Magnat Monitor : Ampli DENON AVR-X2800H, Enceinte ...
1190 € 1950 €
Voir le deal

Partagez
 

 [Tuto - HTML] Infobulle

SkySkySkySky Modérateur
[Tuto - HTML] Infobulle EmptyDim 2 Juin - 3:53   

Bonjour,

Parfois on voudrais que lorsque l'on passe la souris sur une image un texte apparaisse.

C'est tout a fait possible grace a ce code :
Code:
<IMG src="Lien de l'image" width="177" height="115" title="TEXTE a mettre qui apparaitra" vspace="5" hspace="5" align="left">

Il faut remplacer :
- Lien de l'image par le lien de votre image
- Width : valeur en largeur
- Height : Valeur en hauteur
- Title : texte qui apparaitra en passant la souris

Voici un exemple :







Voilà a placer dans un message par exemple ou une page HTML ou autre

Pour créer une info bulle sur un mot par exemple :


Pour créer une infobulle sur le mot banane, pour donner par exemple au lecteur une explication sur le sens du mot "banane", il suffira d'utiliser le code suivant :

Code:
<a title="texte de l'infobulle">banane</a>

ce qui donne : banane (Passer la souris sur le mot)

Bonne journée a vous
Mr. DocteurMr. Docteur Expert en ForumActif
[Tuto - HTML] Infobulle EmptyDim 2 Juin - 3:54   

Merci du partage Smile!
Page 1 sur 1

 Sujets similaires

-
» [Tuto - HTML/CSS] Tableau simple
» [Tuto - phpBB3 - Invision] Modifier le "Qui est en ligne"
» [Tuto - phpBB2] Template Index_Body
» [Tuto - phpBB2] Personnalisation des phrases du QEEL
» [Tuto - phpBB2] Flèches haut - bas

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Le forum d'entraide de Mr. Docteur :: Libre service & commandes :: Codage :: Libre service :: Tutoriels-