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=) .

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 ^^

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.

demeter1
+ Hyperactif +

Masculin
Messages : 8231
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 =/

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 =/

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?

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 :/

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

Threax
+ Hyperactif +

Masculin
Messages : 17277
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 .

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

Threax
+ Hyperactif +

Masculin
Messages : 17277
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

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

Threax
+ Hyperactif +

Masculin
Messages : 17277
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

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 ?

Threax
+ Hyperactif +

Masculin
Messages : 17277
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

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

Threax
+ Hyperactif +

Masculin
Messages : 17277
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

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

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