Bouton personnalisé en CSS à la place d'image

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 le 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 :
ou

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

Merci d'avance de votre aide.

Tendrement,
Offrande

Offrande
*****

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

http://le-grand-havre.forumactif.org/
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 le 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
**

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 le 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
*****

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

http://le-grand-havre.forumactif.org/
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 le Mar 14 Mai 2013 - 13:14

Up *

Offrande
*****

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

http://le-grand-havre.forumactif.org/
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 le 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.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

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

http://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


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