info bulle

[ipapa]

bonsoir j ai trouvé cela sur un forum faisant parti de la famille de FA...
Quelqu'un aurait une idée de comment realiser ces infos bulles qui apparaissent qd on survole le menu?

Chapeau à l admin j aime vraiment bcp !

Je les mettrai surement au gout de mon forum mais l idée m interesse.

Merci à toute aide par avance

[ipapa]

Hello,

Personne n 'a une petite idée...J ai parcouru le forum de FA et j ai bien trouvé des posr sur des "info bulle" mais rien qui me permettrait de les designer autrement que par des rectangles

[tupac]

Bonsoir

A vous de remplacer ma bulle par celle votre choix.

A placer dans votre page d'accueil

Code:

<a href="#" class="bul">La petite bubulle
<span>
<img src="http://img97.imageshack.us/img97/817/icones01036.png">
</span>
</a>

Et la partie css dans votre feuille de style

Code:


a.bul {
position: relative;
color: #a19891;
text-decoration: none;
border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}

a.bul span {
display: none; /* on masque l'infobulle */
}
a.bul:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.bul:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: -118px; /* on positionne notre infobulle */
left: 10px;
padding: 3px;
}

[ipapa]

hello merci je m en vais essayer!
edit:Pas marche...apparemment je reessayerai dans la journée !

[guizmo147]

Super merci tupac.

J'ai modifier les images ca donne ça maintenant

http://evil-gen.superforum.fr/