Pixelia

Votre forum de graphisme et d'entraide ~
 
AccueilAccueil  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  
Pixelia devient Pixels Paradise ! Le forum ferme ici ses portes mais en ouvre de nouvelles à cette adresse : http://www.pixels-paradise.com/ Nous espérons que vous serez nombreux à nous suivre dans cette nouvelle aventure !

Partagez | 
 

 Infobule

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
avatar
K-Surf

New comer #
Masculin Messages : 27
Age : 20
Localisation : Ile Maurice
Humeur : Bonne
Date d'inscription : 25/09/2011
Système d'exploitation : Windows XP, 7

MessageSujet: Infobule   Sam 21 Jan 2012 - 16:11

Bonjour,

Donc je n'arrive aps faire ce que je veux voici mes codes:

Code:
/*------INFOBULLE------*/
.infobulle {
-moz-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
border: 1px solid white;
left: 300px;
margin-bottom: 2px;
position: absolute;
transition: opacity 1s ease-in-out;
}

.infobulle01 {
-moz-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
border: 1px solid white;
left: 355px;
margin-bottom: 2px;
position: absolute;
transition: opacity 1s ease-in-out;
}

.infobullehover:hover {
 -moz-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
border: 1px solid white;
border-radius: 5px;
border-top: 3px double white;
left: 300;
margin-bottom: 2px;
position: absolute;
transition: opacity 1s ease-in-out;
}


.infobulle01hover:hover {
-moz-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
border: 1px solid white;
border-radius: 5px;
border-top: 3px double white;
left: 355;
margin-bottom: 2px;
position: absolute;
transition: opacity 1s ease-in-out;
}

Code:
<img src="http://www.img.dizee.fr/images/infoksurf.png" class="infobulle" /><img src="http://www.img.dizee.fr/images/ksurffonda.png" class="infobullehover" />
<img src="http://www.img.dizee.fr/images/infofanny.png" class="infobulle01" /><img src="http://www.img.dizee.fr/images/fannyfonda.png" class="infobulle01hover" />

Je veux quand je passe ma souris que l'image actuelle disparaisse doucement et laisse place au suivant quand j'enlève pareil (tous en douceur).


Merci d'vance pour votre aide

_______________
Revenir en haut Aller en bas
http://serialdesigner.forumactif.fr/
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: Re: Infobule   Ven 10 Fév 2012 - 23:15

Coucou ^^
Bon, je suis pas experte en CSS mais je vais tenter de t'aider ^^ (désolée du retard)

As-tu fait un test de ce code ? Si oui pourrais-tu nous donner l'adresse ? ;)

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
 

Infobule

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Pixelia :: F.A.Q.-
Sauter vers: