Infobulles

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

Résolu Infobulles

Message par MP.CiiTY le Mer 17 Mar 2010 - 23:33

Bonjour , je n'ai qu'une question , et qui est très simple .
Est-il possible s'insérer des infobulles dans des sujets, autrement dit en dehors de la page d'acceuil ... Parce que je fais un journal , et je voulais insérer des infobulles pour expliquer qui avait répondu a la question etc ... Enfin bref voilà . Merci de me répondre des que possible=) .
avatar

MP.CiiTY
***

Féminin
Messages : 153
Inscrit(e) le : 10/10/2009

Http://hollywoodAcademy.1fr1.com/
MP.CiiTY a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulles

Message par MP.CiiTY le Dim 21 Mar 2010 - 0:23

UP ^^
avatar

MP.CiiTY
***

Féminin
Messages : 153
Inscrit(e) le : 10/10/2009

Http://hollywoodAcademy.1fr1.com/
MP.CiiTY a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Infobulles

Message par demeter1 le Dim 21 Mar 2010 - 16:13

Si ton article est mis sous HTMl, tout est possible. Pour l'infobulle, tu devrais aller faire un tour sur SOS forum. Tu trouveras de multiples astuces qui décoiffent.
avatar

demeter1
Membre actif

Masculin
Messages : 8405
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulles

Message par MP.CiiTY le Dim 21 Mar 2010 - 18:07

Je suis en HTML , sauf que j'ai essayé plusieurs chose et ca ne fonctionne pas =/
avatar

MP.CiiTY
***

Féminin
Messages : 153
Inscrit(e) le : 10/10/2009

Http://hollywoodAcademy.1fr1.com/
MP.CiiTY a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulles

Message par MP.CiiTY le Ven 2 Avr 2010 - 23:09

UP =/
avatar

MP.CiiTY
***

Féminin
Messages : 153
Inscrit(e) le : 10/10/2009

Http://hollywoodAcademy.1fr1.com/
MP.CiiTY a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulles

Message par echizen ryoma le Sam 3 Avr 2010 - 4:18

Bonsoir!

Qu'as-tu essayé qui ne fonctionne pas?
avatar

echizen ryoma
Nouveau membre

Messages : 26
Inscrit(e) le : 22/02/2009

echizen ryoma a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulles

Message par MP.CiiTY le Sam 3 Avr 2010 - 18:16

Eh bien tout les codes que je trouve pour faire des infobulles :/
avatar

MP.CiiTY
***

Féminin
Messages : 153
Inscrit(e) le : 10/10/2009

Http://hollywoodAcademy.1fr1.com/
MP.CiiTY a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulles

Message par Threax le Dim 4 Avr 2010 - 12:11

Bonjour,

C'est possible uniquement si le HTML est activé :
- sur le panneau d'admin
- dans votre profil...

Par exemple, insérez ce code dans votre CSS :
(PA > Affichage > Couleurs > Feuille de style CSS)
Code:
a.imginfo span {
  display: none;
}

a.imginfo:hover {
  background: none;
  z-index: 500;
  cursor: help;
}

a.imginfo:hover span {
  display: inline;
  position: absolute;
  white-space: nowrap;
  top: 30px;
  left: 20px;
  background: white;
  color: 7d7d7d;
  padding: 3px;
  border: 3px solid #b6b6b6;
}

Là où vous voulez l'infobulle, insérez :
Code:
<a class="imginfo">Lien sur lequel l'infobulle apparaît
<span>Le texte qui apparaît dans l'infobulle</span>
</a>
et ça devrait fonctionner. Smile
avatar

Threax
Membre actif

Masculin
Messages : 17276
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulles

Message par MP.CiiTY le Dim 4 Avr 2010 - 18:17

je ne comprends pas ton code

Code:
<a class="imginfo">Lien sur lequel l'infobulle apparaît
<span>Le texte qui apparaît dans l'infobulle</span>
</a>

Parce qu'en principe, il y a un avatar et au passage de la souris sur l'avatar et bas il y apparait un lien, un texte, une image ... dans un petit cadre, enfin tu vois ce que je veux dire .
avatar

MP.CiiTY
***

Féminin
Messages : 153
Inscrit(e) le : 10/10/2009

Http://hollywoodAcademy.1fr1.com/
MP.CiiTY a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulles

Message par Threax le Dim 4 Avr 2010 - 18:30

En faite, on met un lien, donc votre lien peut être une image aussi, et au survol de ce lien, le contenu des balises <span> </span> apparaît. Smile

Avec une image :
Code:
<a class="imginfo"><img src="URL IMAGE" alt="" />
<span>Le texte qui apparaît dans l'infobulle</span>
</a>
Smile
avatar

Threax
Membre actif

Masculin
Messages : 17276
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulles

Message par MP.CiiTY le Dim 4 Avr 2010 - 18:32

Et bien non :S Moi les deux apparait ... Sad et c'est au passage de la souris que ce qu'il y a entre span disparait u.u
avatar

MP.CiiTY
***

Féminin
Messages : 153
Inscrit(e) le : 10/10/2009

Http://hollywoodAcademy.1fr1.com/
MP.CiiTY a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulles

Message par Threax le Dim 4 Avr 2010 - 18:49

Vous avez bien ajouté le code CSS ci-dessus ? Surprised
avatar

Threax
Membre actif

Masculin
Messages : 17276
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulles

Message par MP.CiiTY le Dim 4 Avr 2010 - 18:49

Oui j'ai tout mis :S
avatar

MP.CiiTY
***

Féminin
Messages : 153
Inscrit(e) le : 10/10/2009

Http://hollywoodAcademy.1fr1.com/
MP.CiiTY a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulles

Message par Threax le Dim 4 Avr 2010 - 18:53

Je peux avoir le lien du sujet, svp ?
avatar

Threax
Membre actif

Masculin
Messages : 17276
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulles

Message par MP.CiiTY le Dim 4 Avr 2010 - 18:54

Bien sûr ! Smile

http://hollywoodacademy.1fr1.net/partie-invites-f30/code-t364.htm#10589
avatar

MP.CiiTY
***

Féminin
Messages : 153
Inscrit(e) le : 10/10/2009

Http://hollywoodAcademy.1fr1.com/
MP.CiiTY a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulles

Message par Threax le Dim 4 Avr 2010 - 19:01

Shocked
Vous faîtes des commentaires dans ce CSS sans aucune balise de commentaire ? Mr. Green

Je trouve ceci :
Code:
INFOBULLES

a.imginfo span {
  display: none;
}

Remplacez l'intégralité du code que je vous ai donné par :
Code:
/*----- INFOBULLES ------*/

a.imginfo span {
  display: none;
}

a.imginfo:hover {
  background: none;
  z-index: 999;
  cursor: help;
}

a.imginfo:hover span {
  display: inline;
  position: absolute;
  white-space: nowrap;
  top: 1020px;
  left: 450px;
  background: white;
  color: 7d7d7d;
  padding: 3px;
  border: 3px solid #b6b6b6;
}

Et ça fonctionne Smile
avatar

Threax
Membre actif

Masculin
Messages : 17276
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulles

Message par MP.CiiTY le Dim 4 Avr 2010 - 19:05

Haaan d'accord :O ... Comment j'ai pas gérer là ... Merci beaucoup ♥♥

EDIT: Arrg... maintenant j'arrive pas à en mettre plusieurs cote à cote xD
avatar

MP.CiiTY
***

Féminin
Messages : 153
Inscrit(e) le : 10/10/2009

Http://hollywoodAcademy.1fr1.com/
MP.CiiTY a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulles

Message par MP.CiiTY le Sam 10 Avr 2010 - 22:45

UP
avatar

MP.CiiTY
***

Féminin
Messages : 153
Inscrit(e) le : 10/10/2009

Http://hollywoodAcademy.1fr1.com/
MP.CiiTY a été remercié(e) par l'auteur de ce sujet.

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


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