Affichage d'un post avec les boutons en hover

[Ancients]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://nsp-d3.forumofficiel.com/

Description du problème

Bonjour,

J'aimerai que ces boutons du post :



S'affichent lorsque l'on passe la souris du le post et s'enlève aussitôt que la souris n'y est plus.

Merci d'avance!
Bien à vous

[Feuilla']

Bonjour Ancients,
il faut mettre ce code dans la Feuille de style CSS :

Code:

img.i_icon_quote, img.i_icon_edit, .i_icon_delete, .i_icon_ip {
  opacity:0;
}
img.i_icon_quote:hover, img.i_icon_edit:hover, .i_icon_delete:hover, .i_icon_ip:hover
{
  opacity:1;
}

Par défaut les images seront transparentes (aucune opacité), au survol les images seront opaques et bien affichées.
Bonne journée !

[Ancients]

Bonjour!

J'ai cru que vous m'aviez abandonné

Alors je me suis mal exprimé, c'est pas exactement ce que j'imaginais : les boutons s'affichent quand on passe le curseur dessus sur chacun d'eux séparément.

J'aimerai qu'ils s'affichent tous ensemble lorsque le curseur passe dans l'espace du post entier et non seulement du bouton.

Bien à vous

[Feuilla']

Re,
non bien sûr je ne vous ai pas abandonné (juste je ne peux pas répondre maintenant au message, il y a des petites priorités qui attendent toujours).
Essayez ce code à la place du précédent :

Code:

.postbody ul.profile-icons {opacity:0}
.postbody ul.profile-icons:hover {opacity:1}

Bonne journée !

[Ancients]

C'est presque ça

Maintenant tous les boutons s'affichent ensemble mais il faut passer le curseur sur l'un deux.

[Feuilla']

Re,
je pense que cette fois-ci, on y est :

Code:

.postbody ul.profile-icons {opacity:0}
.post:hover .postbody ul.profile-icons {
    opacity:1;
}

Bonne soirée !

[Ancients]

Ah tu gères!

Merci Feuilla!