Insérer une infobulle

Par PHILIPPE LE GOANVIC, publié le mardi 11 février 2020 09:20 - Mis à jour le mardi 11 février 2020 09:20

Voir article complet sur ENT Leo Ferré

 

Utilisation d'un peu de code à copier-coller pour faire apparaître une info-bulle au passage de la souris.

Cette méthode permettra de rester sur la même page.

Passez la souris sur le mot "Carnot"

Comment faire ?

Une fois votre texte saisi, il suffit  d'éditer le code source (dernière icône) et de rajouter un peu de code avant et après le mot que l'on voudra expliciter... Pensez à garder ces bouts de code dans un fichier texte.

  1. Saisissez votre texte
  2. Cliquez sur l'icône "source"
  3. Collez <span style="border-bottom: 2px dotted #FF8000;cursor:help" title="TEXTE QUE JE VEUX AFFICHER EN INFO-BULLE"> avant le mot à expliciter.
  4. Collez </span> après le mot à expliciter.

Ainsi, ce texte :
Parmi les grands scientifiques français, Carnot ; est sûrement celui qui...

transformé en mode source :
Parmi les grands scientifiques français, <span style="border-bottom: 2px dotted #FF8000;cursor:help" title="TEXTE QUE JE VEUX AFFICHER EN INFO-BULLE">Texte sur lequel va porter l'infobulle</span> est sûrement celui qui...

aura pour résultat:
Parmi les grands scientifiques français, Lavoisier est sûrement celui qui...

Ça n'a pas marché ?

Assurez-vous d'avoir bien copié la partie en rouge. N'oubliez pas les balises (< ou >) ou les guillemets.

Catégories
  • Les tutos
  • Publication - pour aller plus loin