Accueil

Site
   Forum
   Web Cam du Site
   Livre d'or
   Webmasters
   Contact
   Jeux Gratuits

Ressources
   Trucs & Astuces
   Fonds d'Ecran
   Gifs Animés
   Liste Annuaires
   Un site de A a Z
   Webmasters
   Explosez Trafic
   Services gratuits
Divertissements
   Jeux flash
   Jeux Billard en ligne
   Puzzles
   Humour
   Jeux Enfants
   DJ on line
   Insolite / bizarre

Liens Utiles
   CLMode
   C discount.com
   Mp3 gratuits

Msn Messenger 
   Msn Messenger
   Msn Messenger +
   Astuces Messenger
   News Msn
   Msn web messenger
   Partenariats
   SMScatcher !

Comment mettre une Info bulle au dessus d'une image.

Mettre un texte a l'aide d'une bulle sur une image lorsque vous passez votre souris sur l'image

  Lorsque vous insérez des images aux pages de vos sites, les robots ne les reconnaissent pas lors de leur passage d'indexation car ils indexent du texte.

Donc il s'agit la de décrire l'image par un texte que les robots pourront indéxer lors de leur passage sur vos pages, a l'aide d'une balise appellée "ALT" et par la même occasion de fournir une information a vos visiteurs sur la page vers laquelle ils se dirigeront lorsqu'ils cliqueront sur cette image.

Pour que les robots puissent indexer vos images et que les internautes sachent a quoi correspond l'image suivez ceci:

 
Web Astwinds.com

3 Foot Ninja 2
3 Foot Ninja 2 le petit guerrier du peuple
Tous les jeux

 

Placez ceci dans la balise de votre image: ALT="Texte que vous voulez pour expliquer votre image" .

La balise de votre image doit ressembler a ceci:

  • <noscript><a href="http://www.astwinds.com/"></A></noscript><img src="votre image.gif" alt="Texte que vopus voulez voir apparaitre" width="largeur de l'image en chiffres" height="hauteur de l'image en chiffres">

 

  • Exemple avec cette image (Passez votre souris sur l'image):

    Je vais le pêter cet ordinateur

    Voici la balise pour obtenir ce résultat:
    <!-- Début du code image d'Astwinds--><noscript><a href="http://www.astwinds.com/"></noscript><img src="http://www.astwinds.com/images/bb.gif" alt="Je vais le pêter cet ordinateur" border"0" width="120" height="111"><!-- Fin du code image d'Astwinds -->

Remplacez les valeurs en rouge par :

- le chemin qui menera a votre image,

Par exemple si le nom de votre image est: bb.gif ,et que votre image ainsi que la page sur laquelle vous voulez la placer se trouvent a la racine du site ( c'est a dire si elles se trouvent au meme endroit que votre page d'accueil), vous mettrez dans la balise:
<img src="bb.gif"

Par contre si l'image se trouve dans un dossier qui s'appelle images et que la page sur laquelle vous voulez placer l'image se trouve a la racine du site alors vous mettrez
<img src="images/bb.gif

Maintenant supposons que l'image se trouve a la racine du site et que c'est la page sur laquelle vous voulez placer l'image qui se trouve dans le dossier images vous mettrez:
<img src="../bb.gif

- Changez le texte en violet par celui que vous voulez voir apparaitre lorsque vos visiteurs passeront la souris sur l'image dans la balise alt="Je vais le pêter cet ordinateur"

- Modifiez si besoin la largeur et la hauteur de votre image.

width="120" represente la largeur de l'image

height="111" représente la hauteur de l'image


Autres astuces html

Comment placer un texte en info bulle sur un lien

Faire défiler un texte

Mettre un fond sonore sur une page de votre site

 

Jeux en ligne et en flash: Si vous souhaitez installer ce menu défilant sur les pages de votre site récupérez le code >>>  ici  <<< © Astwinds