Overblog Suivre ce blog
Editer l'article Administration Créer mon blog
4 novembre 2014 2 04 /11 /novembre /2014 08:59


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

 


 

                                             Rendez-vous sur Hellocoton !

Partager cet article

Repost 0

commentaires

lamachi 13/11/2015 09:47

Très intéressant

go here 12/06/2014 12:05

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 15/01/2011 11:27



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 15/01/2011 11:08



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 15/01/2011 11:10



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



Corinne ♥♥♥ 30/06/2010 08:42



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 30/06/2010 16:39



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



noun 12/06/2010 19:32



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 13/06/2010 16:47



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



Eliane 10/06/2010 11:52



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 04/06/2010 15:46



Super! ça marche!!


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



Nadège 04/06/2010 06:31



Bonjour Aurélie,


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


Quel est le code à utiliser?



Aurelie 04/06/2010 11:31



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


Exemple pour la mienne :






Gene 23/02/2010 09:23


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


Présentation

  • : Faire un blog
  • Faire un blog
  • : Ce blog vous aide à vous lancer pour faire votre blog : plateforme, mise en page, décoration, gadgets...
  • Contact

Vous Cherchez Quoi ?

Bienvenue !

 

PancarteSmiliz.pngCe blog a pour objet de vous aider à faire votre blog. C'est facile, et possible sans être informaticien !

J'ai 2 autres blogs très différents, et je souhaite mettre mon expérience à votre service. N'hésitez pas à me déposer vos commentaires et questioxxns. 
Si vous débutez, commencez par l' Index des articles , rubrique "Pour bien démarrer". 

 

Inscrivez votre site sur ma Top Liste et améliorez votre référencement.  

Mon logo sur votre site

Si j'ai contribué à l'amélioration de votre blog, merci d'y mettre mon logo :
Site Faire Un Blog

Code à coller :

<a href="http://faireunblog.over-blog.com/" target="_blank"><img height="65" width="85" src="http://sd-1.archive-host.com/membres/up/42016049459753927/PancarteSmiliz.png" alt="Site Faire Un Blog" /></a>

 

 

Date du jour

 

 

 

Géolocalisation

formation