Effet hover sur les sous-forums, la description et les derniers messages (Catégories)
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Effet hover sur les sous-forums, la description et les derniers messages (Catégories)
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'
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
Re: Effet hover sur les sous-forums, la description et les derniers messages (Catégories)
Bonjour,
Juste pour te montrer le principe
Dans .centrefo tu peux mettre une image entre " et " de url dans la ligne background
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
Re: Effet hover sur les sous-forums, la description et les derniers messages (Catégories)
Ah, je vais essayer d'appliquer ce principe ! Merci
Re: Effet hover sur les sous-forums, la description et les derniers messages (Catégories)
Malheureusement, mes efforts ne portent pas fruit...
Re: Effet hover sur les sous-forums, la description et les derniers messages (Catégories)
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
Exemple avec une image au hasard
Re: Effet hover sur les sous-forums, la description et les derniers messages (Catégories)
C'est ça, merci beaucoup ! (:
Sujets similaires
» Centrer sur la hauteur l'effet 3D de la colonne derniers messages
» Déplacer les "derniers messages" dans la description des catégories.
» Séparer le titre des forums des colonnes description et derniers messages
» Position derniers messages et sous-catégories
» Encadrer cellules derniers messages / sous forums
» Déplacer les "derniers messages" dans la description des catégories.
» Séparer le titre des forums des colonnes description et derniers messages
» Position derniers messages et sous-catégories
» Encadrer cellules derniers messages / sous forums
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum