.profile-icon changement au passage de la souris

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

Résolu .profile-icon changement au passage de la souris

Message par Wave le Dim 29 Jan 2012 - 12:13

Bonjour,

je souhaiterai que lorsqu'on passe sur les .profile-icon, elles ne soit plus opaque ( CSS PHPBB3),
comme ici avec ' Voir le profil '



au passage de la souris:


j'ai fait un essai avec ce code CSS sur mon forum Test:


Code:
/* Icones du post profile transparent et normal au passage de la souris */

.profile-icon {
 
  opacity: 0.7;
}
.profile-icon:hover {
  opacity: 1;
}

Mais seules les icones 'Voir le profil' et 'envoyer un MP' ont cet effet, les autres ne changent pas comme si le pointeur restait sur les autres en même temps.



Amicalement.

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

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

Résolu Re: .profile-icon changement au passage de la souris

Message par Wave le Lun 30 Jan 2012 - 17:52

up Smile

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

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

Résolu Re: .profile-icon changement au passage de la souris

Message par Wave le Mar 31 Jan 2012 - 17:58

up

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

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

Résolu Re: .profile-icon changement au passage de la souris

Message par Wave le Mer 1 Fév 2012 - 19:13

up

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

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

Résolu Re: .profile-icon changement au passage de la souris

Message par Wave le Jeu 2 Fév 2012 - 18:17

re up

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

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

Résolu Re: .profile-icon changement au passage de la souris

Message par Wave le Ven 3 Fév 2012 - 17:40

up

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

Wave a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: .profile-icon changement au passage de la souris

Message par Ea le Ven 3 Fév 2012 - 18:14

Bonjour,


Ici le code qu'il y a est :

Code:
.postprofile dd a img{-moz-opacity:.7;-ms-filter:alpha(opacity=70);filter:alpha(opacity=70);opacity:.7}

.postprofile dd a:hover img{-moz-opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);opacity:1}
Cordialement.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

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

Résolu Re: .profile-icon changement au passage de la souris

Message par Wave le Ven 3 Fév 2012 - 18:28

Merci Etana c'est exactement ce que je voulais Smile

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

Wave 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