Effet hover sur les sous-forums, la description et les derniers messages (Catégories)

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

Résolu Effet hover sur les sous-forums, la description et les derniers messages (Catégories)

Message par Westaly le Lun 9 Juin 2014 - 23:27

Bonjour ou bonsoir (:

Je sais que cette question a probablement déjà été posée auparavant, mais je n'ai pas réussit à trouver un sujet déjà existant qui puisse m'aider.

J'aimerais bien faire un effet hover sur les trois parties de mes catégories, mais je ne sais pas comment m'y prendre. Je vous montre un screenshot des endroits où j'aimerais qu'il y ait l'effet désiré:



Idéalement, une image viendrait recouvrir chaque partie et celle-ci disparaîtrait lorsque la souris la survole, laissant place à l'écriture et les liens.

Merci beaucoup (:

West'





Dernière édition par Westaly le Ven 20 Juin 2014 - 0:01, édité 1 fois

Westaly
*

Messages : 47
Inscrit(e) le : 28/03/2012

http://obscuro-momentum.forumactif.com
Westaly a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet hover sur les sous-forums, la description et les derniers messages (Catégories)

Message par Westaly le Ven 13 Juin 2014 - 4:21

Un petit up, merci Smile

Westaly
*

Messages : 47
Inscrit(e) le : 28/03/2012

http://obscuro-momentum.forumactif.com
Westaly a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet hover sur les sous-forums, la description et les derniers messages (Catégories)

Message par Westaly le Dim 15 Juin 2014 - 4:17

Un autre up, merci Smile

Westaly
*

Messages : 47
Inscrit(e) le : 28/03/2012

http://obscuro-momentum.forumactif.com
Westaly a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet hover sur les sous-forums, la description et les derniers messages (Catégories)

Message par AenigmA le Dim 15 Juin 2014 - 7:36

Bonjour,

Juste pour te montrer le principe

Code:
.liens {
   background: none repeat scroll 0 0 #e3d4c3;
   border-radius: 10px;
   height: 120px;
   margin: 10px;
   overflow: auto;
   padding: 5px;
   width: 120px;
   opacity: .3;
}
.centrefo {
   background: url("") repeat scroll 0 0 #e3d4c3;
   border-radius: 10px;
   height: 120px;
   margin: 10px;
   overflow: auto;
   padding: 5px;
   width: 95%;
   opacity: .3;
}
.lastm {
   background: none repeat scroll 0 0 #e3d4c3;
   border-radius: 10px;
   height: 120px;
   margin: 10px;
   padding: 5px;
   width: 150px;
   opacity: .3;
}
.liens:hover, .centrefo:hover, .lastm:hover {
opacity: 1;
}

Dans .centrefo tu peux mettre une image entre " et " de url dans la ligne background

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet hover sur les sous-forums, la description et les derniers messages (Catégories)

Message par Westaly le Lun 16 Juin 2014 - 15:16

Ah, je vais essayer d'appliquer ce principe ! Merci Smile

Westaly
*

Messages : 47
Inscrit(e) le : 28/03/2012

http://obscuro-momentum.forumactif.com
Westaly a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet hover sur les sous-forums, la description et les derniers messages (Catégories)

Message par Westaly le Mer 18 Juin 2014 - 22:20

Malheureusement, mes efforts ne portent pas fruit...

Westaly
*

Messages : 47
Inscrit(e) le : 28/03/2012

http://obscuro-momentum.forumactif.com
Westaly a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet hover sur les sous-forums, la description et les derniers messages (Catégories)

Message par AenigmA le Jeu 19 Juin 2014 - 9:25

Il suffit pourtant de copier coller ce que je t'ai mis au dessus dans ton css et de la valider

Exemple avec une image au hasard


AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet hover sur les sous-forums, la description et les derniers messages (Catégories)

Message par Westaly le Ven 20 Juin 2014 - 0:00

C'est ça, merci beaucoup ! (:

Westaly
*

Messages : 47
Inscrit(e) le : 28/03/2012

http://obscuro-momentum.forumactif.com
Westaly 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