widget infobulle
3 participants
Page 1 sur 1
widget infobulle
Bonjour à tous,
Je cherche un code à insérer dans le module widget permettant de créer une info bulle lisible.
(plus lisible que l'info bulle standard ).
J'ai trouvé sur le site Alsacréation http://www.alsacreations.com/astuce/lire/1-comment-personnaliser-une-infobulle.html un code qui pourrait peut-être me convenir.
Hélas quand je le colle dans le module widget ça ne donne rien de bon !
Quelqu'un pourrait-il m'indiquer comment modifier ce code pour le faire fonctionner sur mon site ?
Ou peut-être m'en donner un autre ?
Merci d'avance pour vos réponses.
Cordialement
Roland
Je cherche un code à insérer dans le module widget permettant de créer une info bulle lisible.
(plus lisible que l'info bulle standard ).
J'ai trouvé sur le site Alsacréation http://www.alsacreations.com/astuce/lire/1-comment-personnaliser-une-infobulle.html un code qui pourrait peut-être me convenir.
Hélas quand je le colle dans le module widget ça ne donne rien de bon !
Quelqu'un pourrait-il m'indiquer comment modifier ce code pour le faire fonctionner sur mon site ?
Ou peut-être m'en donner un autre ?
Merci d'avance pour vos réponses.
Cordialement
Roland
Re: widget infobulle
Il n'y a plus d'infobulles sur Jimdo. Vous ne pouvez pas "personnaliser" un élément qui n'existe pas.
Re: widget infobulle
Bonjour Solie,
bravo pour la réactivité et merci pour la réponse.
Pourtant sur mon site ça marche ! (voir ici : http://reseau-chant-gallo.jimdo.com/ressources/liens/).
C'est un module texte avec ce code :
<p><span style="font-family: arial;" title="chaque semaine une nouvelle chanson de Loire-Atlantique sur dastumla.blogspot.f!"><span style="font-size: 18pt;"><span style="font-size: 18px;">Texte avec info bulle</span><br /></span></span></p>
Je voudrais juste que l'écriture de la bulle soit plus grande, mais quand je change la valeur de font-size, ça ne change rien.
J'ai l'impression qu'il ne manque pas grand-chose pourtant !
Cordialement
Roland
bravo pour la réactivité et merci pour la réponse.
Pourtant sur mon site ça marche ! (voir ici : http://reseau-chant-gallo.jimdo.com/ressources/liens/).
C'est un module texte avec ce code :
<p><span style="font-family: arial;" title="chaque semaine une nouvelle chanson de Loire-Atlantique sur dastumla.blogspot.f!"><span style="font-size: 18pt;"><span style="font-size: 18px;">Texte avec info bulle</span><br /></span></span></p>
Je voudrais juste que l'écriture de la bulle soit plus grande, mais quand je change la valeur de font-size, ça ne change rien.
J'ai l'impression qu'il ne manque pas grand-chose pourtant !
Cordialement
Roland
Re: widget infobulle
Re-boujour,
après vérification sur les autres sites que j'utilise, sur 8 sites, 2 seulement fonctionnent avec des info-bulles et pas les autres.
Le premier : http://reseau-chant-gallo.jimdo.com/ est un ancien template en version free et le second http://www.nolwenn-lelecque-naturopathe.fr/ est un template nouveau en version pro.
Qu'en pensez-vous?
Cordialement
Roland
après vérification sur les autres sites que j'utilise, sur 8 sites, 2 seulement fonctionnent avec des info-bulles et pas les autres.
Le premier : http://reseau-chant-gallo.jimdo.com/ est un ancien template en version free et le second http://www.nolwenn-lelecque-naturopathe.fr/ est un template nouveau en version pro.
Qu'en pensez-vous?
Cordialement
Roland
Re: widget infobulle
Ce que Solie explique c'est que la génération d'infobulle via la propriété <title> est retirée désormais de Jimdo, au grand regret de nous tous. Il est devenu nécessaire de générer par du code html, ou javascript, des "info bulles" artificielles, comme le propose le tuto d'alsacreation que vous avez exploré.
Si cela ne fonctionne pas sur votre site, c'est que vote code contient une erreur. relisez, recommencez, fragmenter les différents aspects du code pour identifier la "panne".
Si vous créez votre élément qui "info bulle" en widget html, vous ne devriez avoir besoin que de CSS. (c'est l'exemple d'alsacréation)
Si vous voulez cibler un élément généré par un module Jimdo de base (image, texte etc.), il y a des chances que le javascript soit nécessaire.
EDIT : corrigé l'historique de la modification par Jimdo
Si cela ne fonctionne pas sur votre site, c'est que vote code contient une erreur. relisez, recommencez, fragmenter les différents aspects du code pour identifier la "panne".
Si vous créez votre élément qui "info bulle" en widget html, vous ne devriez avoir besoin que de CSS. (c'est l'exemple d'alsacréation)
Si vous voulez cibler un élément généré par un module Jimdo de base (image, texte etc.), il y a des chances que le javascript soit nécessaire.
EDIT : corrigé l'historique de la modification par Jimdo
Dernière édition par FredVig le Ven 27 Nov 2015 - 11:48, édité 1 fois
Re: widget infobulle
Vous avez une solution proposée par rs53600 à la toute fin de ce post : http://www.jimdoforum.fr/t596p30-affichage-de-l-infobulle-du-texte-alternatif-definitivement-supprimee-par-jimdo#4002
Re: widget infobulle
Bonjour à tous,
merci pour les commentaires et les conseils.
A force de chercher à droite et gauche, j'ai fini par trouver quelque-chose qui marche à peu près comme j'avais envie.
Ce n'est peut-être pas très orthodoxe ni élégant pour les puristes,
mais ça a le mérite de fonctionner !
Au cas où ça intéresse quelqu'un, voici comment j'ai fais :
Dans le head j'ai collé le code suivant :
<style type="text/css">
/*<![CDATA[*/
a[data-tip] {
position: relative;
}
a[data-tip]:hover:after {
content: attr(data-tip);
position: absolute;
top: 30px; left: 20px; width:400px;
padding: 4px;
background: #FEFEFE;
color: #000000;
text-decoration: none;
}
/*]]>*/
</style>
et voilà ce que j'ai mis dans un module texte en mode HTML :
<p><span style="color: #ededed;"><a style="color: #ededed; text-decoration: none;" href="#" data-tip=
"Voici ce qui apparait dans la bulle, voici ce qui apparait dans la bulle,
voici ce qui apparait dans la bulle, voici ce qui apparait dans la bulle !"
>essai d'info bulle </a></span></p>
vous pouvez voir ce que ça donne sur le site : http://reseau-chant-gallo.jimdo.com/ressources/liens/
Je pense qu'on doit pouvoir améliorer la chose, mais personnellement ça me suffit.
Je laisse donc le soin à quelqu'un d'autre de peaufiner !
Merci et peut-être à bientôt pour de nouvelles interrogations.
Cordialement
Roland
merci pour les commentaires et les conseils.
A force de chercher à droite et gauche, j'ai fini par trouver quelque-chose qui marche à peu près comme j'avais envie.
Ce n'est peut-être pas très orthodoxe ni élégant pour les puristes,
mais ça a le mérite de fonctionner !
Au cas où ça intéresse quelqu'un, voici comment j'ai fais :
Dans le head j'ai collé le code suivant :
<style type="text/css">
/*<![CDATA[*/
a[data-tip] {
position: relative;
}
a[data-tip]:hover:after {
content: attr(data-tip);
position: absolute;
top: 30px; left: 20px; width:400px;
padding: 4px;
background: #FEFEFE;
color: #000000;
text-decoration: none;
}
/*]]>*/
</style>
et voilà ce que j'ai mis dans un module texte en mode HTML :
<p><span style="color: #ededed;"><a style="color: #ededed; text-decoration: none;" href="#" data-tip=
"Voici ce qui apparait dans la bulle, voici ce qui apparait dans la bulle,
voici ce qui apparait dans la bulle, voici ce qui apparait dans la bulle !"
>essai d'info bulle </a></span></p>
vous pouvez voir ce que ça donne sur le site : http://reseau-chant-gallo.jimdo.com/ressources/liens/
Je pense qu'on doit pouvoir améliorer la chose, mais personnellement ça me suffit.
Je laisse donc le soin à quelqu'un d'autre de peaufiner !
Merci et peut-être à bientôt pour de nouvelles interrogations.
Cordialement
Roland
Re: widget infobulle
Effectivement, il y a le Datatip expliqué par exemple ici :
Data tip
Bonne trouvaille.
Data tip
Bonne trouvaille.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|