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

[Westaly]

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'

[Westaly]

Un petit up, merci

[Westaly]

Un autre up, merci

[AenigmA]

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

[Westaly]

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

[Westaly]

Malheureusement, mes efforts ne portent pas fruit...

[AenigmA]

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

[Westaly]

C'est ça, merci beaucoup ! (: