info bulle

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

Résolu info bulle

Message par ipapa le Lun 17 Jan - 22:56

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

Masculin
Messages : 427
Inscrit(e) le : 02/02/2009

http://ingenieuxduson.1fr1.net/
ipapa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: info bulle

Message par ipapa le Mar 18 Jan - 20:52

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

ipapa
****

Masculin
Messages : 427
Inscrit(e) le : 02/02/2009

http://ingenieuxduson.1fr1.net/
ipapa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: info bulle

Message par tupac le Mer 19 Jan - 1:11

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;
}

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

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

Résolu Re: info bulle

Message par ipapa le Mer 19 Jan - 4:42

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

ipapa
****

Masculin
Messages : 427
Inscrit(e) le : 02/02/2009

http://ingenieuxduson.1fr1.net/
ipapa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: info bulle

Message par guizmo147 le Mer 19 Jan - 5:29

Super merci tupac.

J'ai modifier les images ca donne ça maintenant Very Happy

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

guizmo147
**

Masculin
Messages : 62
Inscrit(e) le : 16/01/2011

http://bidon.forumactif.fr
guizmo147 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