Infobulles

[MP.CiiTY]

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]

UP ^^

[demeter1]

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.

[MP.CiiTY]

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

[MP.CiiTY]

UP =/

[echizen ryoma]

Bonsoir!

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

[MP.CiiTY]

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

[Threax]

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.

[MP.CiiTY]

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 .

[Threax]

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.

Avec une image :

Code:

<a class="imginfo"><img src="URL IMAGE" alt="" />
<span>Le texte qui apparaît dans l'infobulle</span>
</a>

[MP.CiiTY]

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

[Threax]

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

[MP.CiiTY]

Oui j'ai tout mis :S

[Threax]

Je peux avoir le lien du sujet, svp ?

[MP.CiiTY]

Bien sûr !

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

[Threax]

Vous faîtes des commentaires dans ce CSS sans aucune balise de commentaire ?

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

[MP.CiiTY]

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]

UP