Code CSS pour nouveau bouton ?

[Scoubee]

Bonjour,
Je viens de rajouter un nouveau bouton dans mon menu, via "Affichage" > "Entete et Navigation" et j'aimerai connaitre le code CSS lié a ce nouveau bouton.Certainement une réponse toute simple mais je ne trouve pas...

ex : pour le forum : #i_icon_mini_index

Merci

[no_way]

Bonjour, pourriez-vous me fournir le lien de votre forum et me dire de quel bouton il s'agit ?

[Scoubee]

Oui bien sur
http://gdv-team.forumactif.com/

Le bouton Triangulaire jaune "en travaux".
Merci

[no_way]

Voici le sélecteur CSS de votre bouton:

Code:

a[href="/?pid=2"]

[Scoubee]

Merci pour ta réponse,
par contre le résultat voulu ne marche pas avec mon rollover.

Actuellement j'utilise ce code pour ma barre de navigation :

Code:


/* Rollover Debut */

#i_icon_mini_index{width:103px; height:61px; background:url("http://img402.imageshack.us/img402/2161/gdvnavswitch.png") no-repeat 0 0;}
#i_icon_mini_index:hover{background:url("http://img402.imageshack.us/img402/2161/gdvnavswitch.png") no-repeat 0 -61px;}

#i_icon_mini_portal{width:103px; height:61px; background:url("http://img402.imageshack.us/img402/2161/gdvnavswitch.png") no-repeat -103px 0px;}
#i_icon_mini_portal:hover{background:url("http://img402.imageshack.us/img402/2161/gdvnavswitch.png") no-repeat -103px -61px;}

a[href="/?pid=2"]{width:103px; height:61px; background:url("http://img402.imageshack.us/img402/2161/gdvnavswitch.png") no-repeat -206px 0px;}
a[href="/?pid=2"]:hover{background:url("http://img402.imageshack.us/img402/2161/gdvnavswitch.png") no-repeat -206px -61px;}

#i_icon_mini_search{width:103px; height:61px; background:url("http://img402.imageshack.us/img402/2161/gdvnavswitch.png") no-repeat -307px 0px;}
#i_icon_mini_search:hover{background:url("http://img402.imageshack.us/img402/2161/gdvnavswitch.png") no-repeat -307px -61px;}

#i_icon_mini_register{width:103px; height:61px; background:url("http://img402.imageshack.us/img402/2161/gdvnavswitch.png") no-repeat -1022px 0px;}
#i_icon_mini_register:hover{background:url("http://img402.imageshack.us/img402/2161/gdvnavswitch.png") no-repeat -1022px -61px;}

#i_icon_mini_members{width:103px; height:61px; background:url("http://img402.imageshack.us/img402/2161/gdvnavswitch.png") no-repeat -407px 0px;}
#i_icon_mini_members:hover{background:url("http://img402.imageshack.us/img402/2161/gdvnavswitch.png") no-repeat -407px -61px;}

#i_icon_mini_profile{width:103px; height:61px; background:url("http://img402.imageshack.us/img402/2161/gdvnavswitch.png") no-repeat -509px 0px;}
#i_icon_mini_profile:hover{background:url("http://img402.imageshack.us/img402/2161/gdvnavswitch.png") no-repeat -509px -61px;}

#i_icon_mini_message{width:103px; height:61px; background:url("http://img402.imageshack.us/img402/2161/gdvnavswitch.png") no-repeat -612px 0px;}
#i_icon_mini_message:hover{background:url("http://img402.imageshack.us/img402/2161/gdvnavswitch.png") no-repeat -612px -61px;}

#i_icon_mini_new_message{width:103px; height:61px; background:url("http://img402.imageshack.us/img402/2161/gdvnavswitch.png") no-repeat -713px 0px;}
#i_icon_mini_new_message:hover{background:url("http://img402.imageshack.us/img402/2161/gdvnavswitch.png") no-repeat -713px -61px;}

#i_icon_mini_logout{width:103px; height:61px; background:url("http://img402.imageshack.us/img402/2161/gdvnavswitch.png") no-repeat -815px 0px;}
#i_icon_mini_logout:hover{background:url("http://img402.imageshack.us/img402/2161/gdvnavswitch.png") no-repeat -815px -61px;}

#i_icon_mini_login{width:103px; height:61px; background:url("http://img402.imageshack.us/img402/2161/gdvnavswitch.png") no-repeat -919px 0px;}
#i_icon_mini_login:hover{background:url("http://img402.imageshack.us/img402/2161/gdvnavswitch.png") no-repeat -919px -61px;}

/* Rollover Fin */


Une seule image que je décale, de gauche a droite et de bas en haut pour appliquer l'effet de survol.
En appliquant ton code au miens :

Code:


a[href="/?pid=2"]{width:103px; height:61px; background:url("http://img402.imageshack.us/img402/2161/gdvnavswitch.png") no-repeat -206px 0px;}
a[href="/?pid=2"]:hover{background:url("http://img402.imageshack.us/img402/2161/gdvnavswitch.png") no-repeat -206px -61px;}


J'ai mon image qui s'applique sous forme de background seulement si j'applique un texte à l'emplacement de mon icone. Si je ne met rien, aucune image n'apparait...

[no_way]

Ceci est logique:
Vérifiez bien que tu as mis une image vide:

Code:

http://2img.net/i/fa/empty.gif

comme image pour le-dit bouton.

[Scoubee]

Je l'ai bien indiqué via le menu :



si je met l'image, rien n'apparait.

[no_way]

Bizarrement ta barre de navigation ne l'utilise pas, peux-tu répéter la procédure ?
remplace:

Code:

a[href="/?pid=2"]

par:

Code:

a[href="/?pid=2"] img

[Scoubee]

Impeccable, merci pour tes réponses et tes compétences.

[no_way]

Je t'en prie.
Bonne continuation .