Lorsque vous survolez une image apparaît à côté à l'autre

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

Résolu Lorsque vous survolez une image apparaît à côté à l'autre

Message par Jean Charles le Sam 28 Avr 2012 - 18:21

Bonjour! Je tiens à mettre une photo dans l'annonce sur le forum de sorte que lorsque le curseur passe sur une autre image apparaît comme dans l'exemple je vais montrer.



Dernière édition par Jean Charles le Sam 28 Avr 2012 - 21:29, édité 1 fois

Jean Charles
Nouveau membre

Messages : 7
Inscrit(e) le : 19/03/2012

http://pokevento.foros.bz/forum
Jean Charles a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lorsque vous survolez une image apparaît à côté à l'autre

Message par Invité le Sam 28 Avr 2012 - 21:11

Bonsoir,

C'est une infobulle que vous souhaitez? Si oui :
1.Le code HTML à personnaliser avec les adresses des images:
Code:
<div class="infobulle"><img src="lien image ou apparait l'infobulle" />
<span><img src="lien image qui apparait lau survol" /></span></div>

2.Le CSS à placer dans PA > Affichage > Couleurs >feuille de style CSS:
Code:
.infobulle{position: relative;z-index: 0;}

.infobulle:hover{background-color: transparent;z-index: 50;}

.infobulle span{
position: absolute;
background-color: #000000;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;}

.infobulle span img{border: 1px;padding: 5px;}

.infobulle:hover span{
visibility: visible;
top: 70px;
left: 35px;
width: 150px ;
color:#FFFFFF;
border: 1px outset #e47509;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;}
(Personnalisez les couleurs dans le code CSS Wink)

Invité
Invité


Invité 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