Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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)
avatar

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