Code CSS pour nouveau bouton ?

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Code CSS pour nouveau bouton ?

Message par Scoubee le Lun 17 Sep 2012 - 11:00

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

Scoubee
**

Messages : 64
Inscrit(e) le : 05/09/2009

http://jambons-dragons.weshforum.com/#
Scoubee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour nouveau bouton ?

Message par no_way le Lun 17 Sep 2012 - 11:24

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

no_way
Aidactif
Aidactif

Messages : 1744
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour nouveau bouton ?

Message par Scoubee le Lun 17 Sep 2012 - 11:42

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

Le bouton Triangulaire jaune "en travaux".
Merci

Scoubee
**

Messages : 64
Inscrit(e) le : 05/09/2009

http://jambons-dragons.weshforum.com/#
Scoubee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour nouveau bouton ?

Message par no_way le Lun 17 Sep 2012 - 11:45

Voici le sélecteur CSS de votre bouton:
Code:
a[href="/?pid=2"]

no_way
Aidactif
Aidactif

Messages : 1744
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour nouveau bouton ?

Message par Scoubee le Lun 17 Sep 2012 - 12:30

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...



Scoubee
**

Messages : 64
Inscrit(e) le : 05/09/2009

http://jambons-dragons.weshforum.com/#
Scoubee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour nouveau bouton ?

Message par no_way le Lun 17 Sep 2012 - 12:50

Ceci est logique:
Vérifiez bien que tu as mis une image vide:
Code:
http://illiweb.com/fa/empty.gif
comme image pour le-dit bouton.

no_way
Aidactif
Aidactif

Messages : 1744
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour nouveau bouton ?

Message par Scoubee le Lun 17 Sep 2012 - 13:07

Je l'ai bien indiqué via le menu :



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

Scoubee
**

Messages : 64
Inscrit(e) le : 05/09/2009

http://jambons-dragons.weshforum.com/#
Scoubee a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Code CSS pour nouveau bouton ?

Message par no_way le Lun 17 Sep 2012 - 13:15

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

no_way
Aidactif
Aidactif

Messages : 1744
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour nouveau bouton ?

Message par Scoubee le Lun 17 Sep 2012 - 13:47

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

Scoubee
**

Messages : 64
Inscrit(e) le : 05/09/2009

http://jambons-dragons.weshforum.com/#
Scoubee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS pour nouveau bouton ?

Message par no_way le Lun 17 Sep 2012 - 13:48

Je t'en prie.
Bonne continuation Wink.

no_way
Aidactif
Aidactif

Messages : 1744
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum