Bouton personnalisé en CSS à la place d'image

3 participants

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

Résolu Bouton personnalisé en CSS à la place d'image

Message par Offrande Sam 11 Mai 2013 - 1:55

Bonjour,

Me revoilà encore une fois ce sur petit salons d'aide pour susciter votre précieuse aide.
J'ai récemment personnaliser les boutons du type "envoyer" "prévisualiser" "valider" etc... en CSS comme ceci :
Bouton personnalisé en CSS à la place d'image Captur15 ou Bouton personnalisé en CSS à la place d'image Captur16

Et je souhaiterais avoir (s'il as, bien sur!) les identifiants des boutons suivants pour les mettre de la même couleurs que
ceux que j'ai fait en CSS, ainsi il seront identique.

Note : je ne souhaite pas les re-créer en image, car il y as un effet "Hover" sur mes boutons, que je ne peut pas faire en image.

Je voudrait si possible les identifiants de tout c'est genres de boutons :
Bouton personnalisé en CSS à la place d'image Captur17 et ... Bouton personnalisé en CSS à la place d'image Captur18

Merci d'avance de votre aide.

Tendrement,
Offrande
Offrande

Offrande
*****

Féminin
Messages : 614
Inscrit(e) le : 05/01/2013

http://sciences-occultes.forumactif.com/
Offrande a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Bouton personnalisé en CSS à la place d'image

Message par Gorgebvsh Sam 11 Mai 2013 - 2:05

Bonsoir, je voit que vous utilisez google chrome, vous pouvez faire un clic droit sur l'objet > inspecter l'élément

si c'est un id votre CSS devra être précéder d'un # (dièse)
si c'est une class votre CSS devra être précéder d'un . (point)

exemple:
Code:
#mon_id{ ... }
.ma_class{ ... }

si il n'y a aucun id et class, vous pouvez utiliser la balise HTML, comme ceci:
Code:
button{ ... }
input{ ... }
input[type=button]{ ... }
Cordialement.
Gorgebvsh

Gorgebvsh
**

Messages : 74
Inscrit(e) le : 12/12/2011

http://www.resistance-squad.com/#powered%20by%20forumactif%2Ecom
Gorgebvsh a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton personnalisé en CSS à la place d'image

Message par Offrande Sam 11 Mai 2013 - 20:46

Merci beaucoup,

Je peut me servir de ceux-ci dans ma CSS car je n'arrive pas a trouver l'id .


Par contre,
ce code est t'il valable pour TOUT les boutons de mon forum? Ainsi je devrait supprimer la CSS des autre que j'avais fait pour alléger la feuille de style ? Ou il n'y as aucun rapport ?

Merci encore de ton aide, je voudrait savoir également l'id
des bouton de modération s'il te plaît, a moins qu'il ne se transforme avec le reste ?

Tendrement.
Offrande.

Ps : tu m'as indiquer que j'utiliser Chrome, comment l'às tu sus ? Tu as été sur mon forum je suppose Wink
mais comment ce fait que tu n'avais pas le même rendus, que cela donnais t'il ? silent
Offrande

Offrande
*****

Féminin
Messages : 614
Inscrit(e) le : 05/01/2013

http://sciences-occultes.forumactif.com/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton personnalisé en CSS à la place d'image

Message par Offrande Mar 14 Mai 2013 - 13:14

Up *
Offrande

Offrande
*****

Féminin
Messages : 614
Inscrit(e) le : 05/01/2013

http://sciences-occultes.forumactif.com/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton personnalisé en CSS à la place d'image

Message par Tech Sam 18 Mai 2013 - 13:59

Bonjour,

Ils ont tous des identifiants différents. Voici déjà une bonne liste :
#i_icon_pm
.field_uneditable
.i_icon_pm
.i_icon_quote
.i_icon_edit
.i_icon_delete
.i_icon_ip
.i_icon_email

Cordialement.
Tech

Tech
Membre actif

Masculin
Messages : 22683
Inscrit(e) le : 01/12/2007

https://forum.forumactif.com/
Tech a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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