Mettre des info bulle sur vos textes

1. Une info bulle, c'est quoi

Une "info bulle" est une information qui s'affiche au survol de la souris.

Par exemple, si vous passez votre souris au dessus du texte (inutile de cliquer) ci dessous :

TEXTE AVEC INFO BULLE

Vous voyez apparaître mon info bulle "Voici mon Info Bulle !" dans un petit encadré.
 

---

2. Utilisation

On peut donc mettre des info bulles sur les éléments de l'article qui nécessitent une information supplémentaire, mais non essentielle à la compréhension de l'article.

L'autre avantage de l'info bulle est qu'elle ne surcharge pas votre article inutilement.


3. HTML à utiliser pour une info bulle

L'attribut à utiliser pour ajouter une info bulle est TITLE

3.1 Syntaxe

Title="Le texte de votre info bulle"

Ce code est à ajouter à l'élement sur lequel vous voulez l'utiliser.

3.2 Exemple

Le code pour ce TEXTE AVEC INFO BULLE est

<span style="font-family: comic sans ms,sans-serif;" title="Voici mon Info Bulle !"><span style="font-size: 10pt;">TEXTE AVEC INFO BULLE</span></span>
 

---

 
4. Autres utilisations

Vous pouvez bien-sûr utiliser cette méthode :

* pour vos photos :
 

ce qui donne pour cette photo :

<img height="184" width="268" src="http://idata.over-blog.com/2/07/78/33/P1000796_800x600.jpg" title="Palmeraie en Espagne" class="CtreTexte" />

* pour vos liens :

Les compteurs de visites

 

---

Comments

[lamachi]

Très intéressant

[go here]

The tool tip is the kind of the useful information that is obtained over the mouse.this is a great invention of the past i guess.this article tells us all about it.the various doubts that i had regarding the matter is solved in from the single read.

[Laïn]

Dans l'html, ca fait effectivement un retour à la ligne mais pas dans le résultat final :( L'infobulle reste sans paragraphe. Merci pr ta réponse ultra rapide en tout cas :)

[Laïn]

Salutations,


est-il possible d'insérer un saut de ligne dans l'infobulle s'il vous plait? Merci d'avance pour votre réponse.

[Aurelie]

Oui, avec un shift+Enter, on fait un saut de ligne.

[Corinne ♥♥♥]

Bonjour


j'ai vu que tu as réussi a bloquer l'acces a un article, en le rendant payant, dis moi :


je souhaiterai "très  rapidement" bloquer l'acces a une partie de mon blog a une personne, aurait tu une solution stp ?


merci d'avance !!! je ne veux pas a cause d'1, faire payer tout le monde sauf si y'a pas d'autres solutions!


byebye

[Aurelie]

Je ne crois aps que ce soit possible, c'est pour tout le monde ou personne. Désolée !

[noun]

pour les liens : je cherche comment PERSONNALISER la bulle!!!! stp aide moi ...merci !!! (parce que je n'y arrive pas du tout) merci encore et bises. Noùn

[Aurelie]

Une info bulle mise avec la balise "title" n'est pas personnalisable, désolée !!

[Eliane]

hello, aurélie, au début de mon blog


j'ai mis des infos bulles..



les degrés sont là
mais le ciel est bas


 
Eliane   a bientot

[LadyScar]

Super! ça marche!!


Je vais pouvoir mettre le résumé de chaque livre de ma PAL sans alourdir ma page (^_^)

[Nadège]

Bonjour Aurélie,


Je n'ai pas très bien compris pour une image


Quel est le code à utiliser?

[Aurelie]

pour une image, il suffit d'ajouter cet attribut Title dans ton code habituel pour insérer une image.


Exemple pour la mienne :

[Gene]

encore un "truc" sympa à savoir! merci Aurélie de partager tes compétences! bonne journée!