Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.

widget infobulle

Voir le sujet précédent Voir le sujet suivant Aller en bas

widget infobulle

Message par Roland44 le Jeu 26 Nov 2015 - 4:58

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

Roland44

Messages : 11
Date d'inscription : 16/10/2015

http://reseau-chant-gallo.jimdo.com/

Revenir en haut Aller en bas

Re: widget infobulle

Message par Solie le Jeu 26 Nov 2015 - 6:28

Il n'y a plus d'infobulles sur Jimdo. Vous ne pouvez pas "personnaliser" un élément qui n'existe pas.
avatar
Solie

Messages : 513
Date d'inscription : 06/05/2015

http://www.voixoff.com

Revenir en haut Aller en bas

Re: widget infobulle

Message par Roland44 le Jeu 26 Nov 2015 - 8:34

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

Roland44

Messages : 11
Date d'inscription : 16/10/2015

http://reseau-chant-gallo.jimdo.com/

Revenir en haut Aller en bas

Re: widget infobulle

Message par Roland44 le Jeu 26 Nov 2015 - 10:24

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

Roland44

Messages : 11
Date d'inscription : 16/10/2015

http://reseau-chant-gallo.jimdo.com/

Revenir en haut Aller en bas

Re: widget infobulle

Message par Roland44 le Jeu 26 Nov 2015 - 10:30

Serait-ce ce qu'on appelle communément "les mystères de l'informatique" ?!!!

Roland44

Messages : 11
Date d'inscription : 16/10/2015

http://reseau-chant-gallo.jimdo.com/

Revenir en haut Aller en bas

Re: widget infobulle

Message par FredVig le Jeu 26 Nov 2015 - 12:47

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


Dernière édition par FredVig le Ven 27 Nov 2015 - 11:48, édité 1 fois

_________________
Sauf indication contraire, les codes de ce forum sont valables pour UN site précis, à une date précise. Essayez-les, mais essayez surtout de comprendre comment ils fonctionnent.
Je suis 'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
Si vous avez apprécié mon aide, aidez en retour !
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant) Association Bohaires de Gasconha
avatar
FredVig

Messages : 1855
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: widget infobulle

Message par FredVig le Jeu 26 Nov 2015 - 12:57


_________________
Sauf indication contraire, les codes de ce forum sont valables pour UN site précis, à une date précise. Essayez-les, mais essayez surtout de comprendre comment ils fonctionnent.
Je suis 'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
Si vous avez apprécié mon aide, aidez en retour !
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant) Association Bohaires de Gasconha
avatar
FredVig

Messages : 1855
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: widget infobulle

Message par Roland44 le Ven 27 Nov 2015 - 11:44

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

Roland44

Messages : 11
Date d'inscription : 16/10/2015

http://reseau-chant-gallo.jimdo.com/

Revenir en haut Aller en bas

Re: widget infobulle

Message par FredVig le Ven 27 Nov 2015 - 11:50

Effectivement, il y a le Datatip expliqué par exemple ici :
Data tip
Bonne trouvaille.

_________________
Sauf indication contraire, les codes de ce forum sont valables pour UN site précis, à une date précise. Essayez-les, mais essayez surtout de comprendre comment ils fonctionnent.
Je suis 'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
Si vous avez apprécié mon aide, aidez en retour !
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant) Association Bohaires de Gasconha
avatar
FredVig

Messages : 1855
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: widget infobulle

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum