IPB

Bienvenue invité ( Connexion | Inscription )

 
Reply to this topicStart new topic
> CSS Lien Hover Survol
Options
Titivay75
posté 23 Apr 2012, 15:30
Message #1


Nouveau Membre


Groupe : Membres
Messages : 35
Inscrit : 4 Apr 2012
Membre no 175 725



Bonjour à tous,

J'ai mon menu sur la droite de mon site. À l'ouverture la page d'accueil est sélectionnée par défaut. J'ai juste copié-collé dans le code CSS les propriétés que j'ai mis pour les autres dans les hover.

Ce que je voudrais c'est que quand je passe avec le curseur au-dessus de test2 (bouton "Activités") ce dernier se grise en fond et que le bouton "Accueil" ne soit plus grisé (Cf. Capture d'écran)

Il s'agit du bouton Accueil :

Code
#test
{
    margin-top: 162px;
    margin-left: 50px;
    z-index: 2;
    text-decoration: none;
    position: absolute;
    background-image: url('images/fluid_Bar.png');
    background-repeat: no-repeat;
}


Il s'agit du bouton Activités :

Code
#test2
{
    margin-top: 207px;
    margin-left: 50px;
    z-index: 2;
    text-decoration: none;
    position: absolute;
}


Quand on passe sur Activités :

Code
#test2:hover
{
    background-image: url('images/fluid_Bar.png');
    background-repeat: no-repeat;
    background-position: -10px;
}


Ce message a été modifié par Titivay75 - 23 Apr 2012, 15:37.
Fichier(s) joint(s)
Fichier joint  Capture_d_____cran_2012_04_23____16.26.16.png ( 91.16 Ko ) Nombre de téléchargements : 11
 
Go to the top of the page
 
+Quote Post
Sgt.Pepper
posté 23 Apr 2012, 22:30
Message #2


Macbidouilleur d'Or !
*****

Groupe : Membres
Messages : 1 672
Inscrit : 10 Feb 2011
Membre no 164 526



Vois le principe des portes coulissantes. Un exemple ici
Go to the top of the page
 
+Quote Post
scoch
posté 27 Apr 2012, 14:43
Message #3


Macbidouilleur d'Or !
*****

Groupe : Membres
Messages : 3 108
Inscrit : 1 Jul 2010
Membre no 156 073



@Sgt.Pepper l'exemple que tu lui indiques ne gère pas l'affichage de la rubrique active.

@Titivay75 pourquoi n'utilises-tu pas trois couleurs ?
- une pour les éléments par défaut
- une pour le survol
- une autre pour la rubrique active
Ce sera plus clair pour l'utilisateur il me semble.


--------------------
L'homme n'est que poussière... c'est dire l'importance du plumeau ! Alexandre Vialatte
Go to the top of the page
 
+Quote Post
Titivay75
posté 27 Apr 2012, 21:31
Message #4


Nouveau Membre


Groupe : Membres
Messages : 35
Inscrit : 4 Apr 2012
Membre no 175 725



Merci à tous les 2. Finalement j'ai changé l'apparence de mon site donc tout va bien smile.gif
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
1 utilisateur(s) sur ce sujet (1 invité(s) et 0 utilisateur(s) anonyme(s))
0 membre(s) :

 



Nous sommes le : 2nd October 2014 - 01:20