Affichage d'un post avec les boutons en hover

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

Résolu Affichage d'un post avec les boutons en hover

Message par Ancients le Jeu 17 Mar 2016 - 16:51

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


Dernière édition par Ancients le Jeu 17 Mar 2016 - 19:54, édité 1 fois

Ancients
****

Masculin
Messages : 472
Inscrit(e) le : 27/02/2016

http://nsp-d3.forumofficiel.com/
Ancients a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage d'un post avec les boutons en hover

Message par Feuilla' le Jeu 17 Mar 2016 - 19:18

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. Wink
Bonne journée !

Feuilla'
# Tropactif #

Messages : 1388
Inscrit(e) le : 26/07/2015

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

Résolu Re: Affichage d'un post avec les boutons en hover

Message par Ancients le Jeu 17 Mar 2016 - 19:26

Bonjour!

J'ai cru que vous m'aviez abandonné Smile

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 Smile

Ancients
****

Masculin
Messages : 472
Inscrit(e) le : 27/02/2016

http://nsp-d3.forumofficiel.com/
Ancients a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage d'un post avec les boutons en hover

Message par Feuilla' le Jeu 17 Mar 2016 - 19:33

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). Smile
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 !

Feuilla'
# Tropactif #

Messages : 1388
Inscrit(e) le : 26/07/2015

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

Résolu Re: Affichage d'un post avec les boutons en hover

Message par Ancients le Jeu 17 Mar 2016 - 19:38

C'est presque ça Smile

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

Ancients
****

Masculin
Messages : 472
Inscrit(e) le : 27/02/2016

http://nsp-d3.forumofficiel.com/
Ancients a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage d'un post avec les boutons en hover

Message par Feuilla' le Jeu 17 Mar 2016 - 19:53

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;
}
Wink
Bonne soirée !

Feuilla'
# Tropactif #

Messages : 1388
Inscrit(e) le : 26/07/2015

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

Résolu Re: Affichage d'un post avec les boutons en hover

Message par Ancients le Jeu 17 Mar 2016 - 19:54

Ah tu gères! Smile

Merci Feuilla!

Ancients
****

Masculin
Messages : 472
Inscrit(e) le : 27/02/2016

http://nsp-d3.forumofficiel.com/
Ancients 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