Code CSS pour nouveau bouton ?
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Code CSS pour nouveau bouton ?
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
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
Re: Code CSS pour nouveau bouton ?
Bonjour, pourriez-vous me fournir le lien de votre forum et me dire de quel bouton il s'agit ?
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Code CSS pour nouveau bouton ?
Voici le sélecteur CSS de votre bouton:
- Code:
a[href="/?pid=2"]
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Code CSS pour nouveau bouton ?
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 :
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 :
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;}
Re: Code CSS pour nouveau bouton ?
Ceci est logique:
Vérifiez bien que tu as mis une image vide:
Vérifiez bien que tu as mis une image vide:
- Code:
http://2img.net/i/fa/empty.gif
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Code CSS pour nouveau bouton ?
Bizarrement ta barre de navigation ne l'utilise pas, peux-tu répéter la procédure ?
remplace:
remplace:
- Code:
a[href="/?pid=2"]
- Code:
a[href="/?pid=2"] img
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Code CSS pour nouveau bouton ?
Impeccable, merci pour tes réponses et tes compétences.
Re: Code CSS pour nouveau bouton ?
Je t'en prie.
Bonne continuation .
Bonne continuation .
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Sujets similaires
» Code pour image si nouveau message privé ( pour un forum de langue arabe )
» pour supprimer le bouton NOUVEAU
» Désactiver le bouton "Nouveau" pour les membres
» Bouton "nouveau" visible seulement pour les administrateurs
» Cherche CSS pour bouton Nouveau message, Répondre...
» pour supprimer le bouton NOUVEAU
» Désactiver le bouton "Nouveau" pour les membres
» Bouton "nouveau" visible seulement pour les administrateurs
» Cherche CSS pour bouton Nouveau message, Répondre...
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum