Salut Christian,

Je viens de tester ton code sur un nouveau projet et chez moi les bulles restes bien en jaune et et écritures en rouge. Projet enregistré, logiciel fermé, puis réouvert et c'est toujours dans les bonnes couleurs. Copie écran jointe.

Comme je suis nul en codage je laisse la place à un spécialiste qui pourrait t'expliquer le phénomène...

Sinon du texte lambda avec des bulles d'info ça n'irait pas pour ton projet ? 

Bonne continuation,

J.P.

Bonjour JP
Au vu de ta copie écran, il me semble que tu as recopié le même code dans la cellule de gauche et dans la cellule de droite puisque les mots cibles apparaissent en ROUGE des 2 côtés et l'infobulle en jaune 
(le code color dans la partie span[data-descr]: est  color: #FF0000;  soit ROUGE pour le texte
et le code color dans la partie span[data-descr]:hover  est  background-color: #FFFF00;  soit JAUNE pour l'infobulle )

Essaye dans la cellule de droite de changer les couleurs et de mettre
- dans la partie span[data-descr]: le code  color: #000000;  soit NOIR pour le texte
- et dans la partie span[data-descr]:hover  le code  background-color: #0000FF;  soit BLEU pour l'infobulle
******
Si c'est comme chez moi, les 2 cellules deviennent de la même couleur (même couleur de texte, et même couleur d'infobulle).
Si tu obtiens un résultat différent dans les 2 cellules, c'est qu'il y a un problème chez moi
*******
Je n'utilise pas le principe basique de l'infobulle créée avex WSx5 parce que je dois envisager dans le même code de faire des effets HOVER sur une carte des départements.
Et je ne sais pas (pour l'instant) comment le faire d'un seul coup d'un seul avec WSx5
Mais je bidouille pour que WSx5 soit opérationnel .... j'y crois encore !!!
****
Dernière remarque: qu'utilises-tu pour faire des images JPG aussi explicites ??
****
Bonne journée, et j'attends la réponse de ton nouvel essai
Christian

Hello,

Effectivement, en modifiant le code avec tes couleurs, j'arrive à avoir des infos bulles bleues sur tous les objets, même ceux non modifiés. Et si je prends un exemplaire "bleu" que je mets sur une autre page "jaune", tout devient bleu !

Très étrange, mais comme je te l'ai déjà dit je ne suis pas doué en codage. Donc impossible pour moi d'expliquer le phénomène. 

Attendons le passage d'un spécialiste...

PS : pour les copie écran j'utilise : http://www.faststone.org/FSCaptureDetail.htm

Bonne continuation, 

J.P.

Hello Christian,

Unfortunately I cannot help you with the use of custom code. Generally speaking since the functions do not depend on WebSite X5, you can search useful information about the custom code with search engines like google or wait until someone on the community of Help Center can help you.

Many thanks!

***** Google Translation:

Bonjour Christian,

Malheureusement, je ne peux pas vous aider avec l'utilisation du code personnalisé.D'une manière générale, puisque les fonctions ne dépendent pas de WebSite X5, vous pouvez rechercher des informations utiles sur le code personnalisé avec des moteurs de recherche comme google ou attendre que quelqu'un de la communauté du centre d'aide puisse vous aider.

Merci beaucoup!

>> data-descr1 > data-descr2 >  (data-descr3 > etc. ... .. . .)

...............................................................

>> Objet de code HTML | Le cadre Code CSS:

span[data-descr1] {position: relative;text-decoration: underline;color: red; cursor: help;}
span[data-descr1]:hover::after {
content: attr(data-descr1);position: absolute;left: 0;top: 24px;min-width: 200px;
border: 1px #FF0000 solid; border-radius: 10px;background-color: yellow; padding: 12px;color: blue;font-size: 14px;z-index: 1;}

span[data-descr2] {position: relative;text-decoration: underline;color: blue; curluesor: help;}
span[data-descr2]:hover::after {
content: attr(data-descr2);position: absolute;left: 0;top: 24px;min-width: 200px;
border: 1px blue solid; border-radius: 10px;background-color: red; padding: 12px;color: yellow; font-size: 14px;z-index: 1;}

..................................................................

>> Objet de code HTML | Section Code HTML:

<p>Ce <span data-descr1="collection de mots et de ponctuation"> texte </span> comporte quelques <span data-descr1="petites fenêtres surgissantes qui s’affichent au survol d’un élément"> info-bulles d’information </span><br> Ne soyez pas timide,<br> survolez le texte pour <span data-descr1="à ne pas prendre au sens propre"> jeter un œil.</span></p>
<br>
<p>Ce <span data-descr2="collection de mots et de ponctuation"> texte 2 </span> comporte quelques <span data-descr2="petites fenêtres surgissantes qui s’affichent au survol d’un élément"> info-bulles d’information </span> <br> Ne soyez pas timide 2, <br> survolez le texte 2 pour <span data-descr2="à ne pas prendre au sens propre"> jeter un œil. </span> </p>

.

(IT) ciao

.

Hello KolAsim
Excellente réponse.
Mille mercis
Christian

...  ...