Comment obtenir des boutons de cette forme?

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

Résolu Comment obtenir des boutons de cette forme?

Message par Wave le Dim 8 Jan 2012 - 19:18

Bonjour,

je cherche mais je ne trouves pas de codes CSS pour PHPBB3, permettant d'obtenir ce résultat :.

J'aimerai que tous les boutons: Rechercher, envoyer, ok, retour, icône des balises BBCODE etc... soit comme sur le screen.
J'ai trouvé ceci
Code:
.button2 {
 padding: 500px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
 -khtml-border-radius:5px;
}

.mainoption {
 padding: 500px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
 -khtml-border-radius:5px;
}

Mais ce n'est pas le résultat attendu et le bouton "Envoyer" ne change pas, donc je remercie d'avance celui que me trouvera un code permettant de me satisfaire.

Amicalement.


Dernière édition par Flo-73 le Mer 11 Jan 2012 - 15:13, édité 1 fois

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

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

Résolu Re: Comment obtenir des boutons de cette forme?

Message par humhum78 le Dim 8 Jan 2012 - 19:30

Coucou, vous avez essayé de changer la valeur des propriétés dans votre code ? Salut.

humhum78
Nouveau membre

Messages : 3
Inscrit(e) le : 08/01/2012

http://///...
humhum78 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment obtenir des boutons de cette forme?

Message par Wave le Dim 8 Jan 2012 - 20:03

Bonjour,

Oui mais je ne suis pas un doué, et je n'ai pas trouvé ce que je voulais, donc je demande.

Amicalement

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

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

Résolu Re: Comment obtenir des boutons de cette forme?

Message par Psyaliah le Dim 8 Jan 2012 - 21:02

Il faut juste ajouter une image de fond, avec le rectangle blanc + son dégradé ^^

Psyaliah
# Tropactif #

Féminin
Messages : 1280
Inscrit(e) le : 22/12/2011

http://e-booking.forumgratuit.org
Psyaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment obtenir des boutons de cette forme?

Message par Wave le Dim 8 Jan 2012 - 21:25

Bonsoir,

Merci pour vos réponses, mais comme je ne suis pas un pro en CSS, pourriez-vous m'indiquez le code à mettre?

Amicalement, bonne nuit.

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

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

Résolu Re: Comment obtenir des boutons de cette forme?

Message par Wave le Lun 9 Jan 2012 - 18:27

up

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

Wave a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Comment obtenir des boutons de cette forme?

Message par Dr. Karlos le Lun 9 Jan 2012 - 18:40

Bonjour,

Enlevez cette partie de votre CSS:
Code:
.button2 {
 padding: 500px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
 -khtml-border-radius:5px;
}

Et remplacez le tout par ceci:

Code:
a.button1, a.button2, button.button2, input.button1, input.button2 {
background-image: url(http://illiweb.com/fa/prosilver/bg_button.gif); /* image de fond donnant le résultat*/
background-position: top; /* position du fond d'écran */
background-repeat: repeat-x; /* répétition du fond d'écran */
color: black; /* couleur de l'écriture */
font-family: Verdana,Arial,Helvetica,sans-serif; /* ordre des polices à utiliser si une n'est pas présente */
padding: 2px 3px; /* espace par rapport aux objets environnants, en haut et à droite */
width: auto!important; /* largeur des boutons */
}


Cordialement,


Dr. Karlos
Aidant Forumactivien.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment obtenir des boutons de cette forme?

Message par Wave le Lun 9 Jan 2012 - 19:20

Bonsoir,

merci pour votre code, j'ai ajouté ceci

Code:
width: 20px;
height: 24px;

Pour avoir des plus grand boutons, mais je n'arrive pas à mettre le texte en bas du bouton, le mien est centré au milieu.

Amicalement.

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

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

Résolu Re: Comment obtenir des boutons de cette forme?

Message par Dr. Karlos le Lun 9 Jan 2012 - 19:23

Bonjour,

Que voulez-vous dire par "mettre le texte en bas du bouton"?


Cordialement,


Dr. Karlos
Aidant Forumactivien.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment obtenir des boutons de cette forme?

Message par Wave le Lun 9 Jan 2012 - 19:27

Bonjour/Bonsoir,

Au lieu d'avoir ça: , j'ai ça: (je ne parle pas de la différence entre les deux mots mais leur position sur le bouton.

Amicalement.

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

Wave a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Comment obtenir des boutons de cette forme?

Message par Dr. Karlos le Lun 9 Jan 2012 - 20:22

Bonjour,

C'est sur qu'il y a déformation puisque vous augmentez les valeurs... Essayez d'augmenter la propriété "padding" ou de laisser les valeurs originelles!

C'est les solutions rapides que je vous propose.


Cordialement,


Dr. Karlos
Aidant Forumactivien.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment obtenir des boutons de cette forme?

Message par Wave le Lun 9 Jan 2012 - 20:34

Bonsoir,

même en laissant les valeurs originelles, le texte est centré

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

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

Résolu Re: Comment obtenir des boutons de cette forme?

Message par Wave le Mar 10 Jan 2012 - 17:36

Personne?

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

Wave a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Comment obtenir des boutons de cette forme?

Message par Censure le Mar 10 Jan 2012 - 20:47

Essayer avec un
Code:
padding-top:-valeurpx;
Remplacer "valeur" par le nombre de pixels voulus.( - ou + )

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Comment obtenir des boutons de cette forme?

Message par Psyaliah le Mar 10 Jan 2012 - 20:59

Rajoute dans le code plus haut:
Bottom = en bas ; Middle = milieu ; Top = haut
Met celle que tu veux, je t'ai mis celle du bas la.
Code:
vertical-align: bottom;

Psyaliah
# Tropactif #

Féminin
Messages : 1280
Inscrit(e) le : 22/12/2011

http://e-booking.forumgratuit.org
Psyaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment obtenir des boutons de cette forme?

Message par Wave le Mar 10 Jan 2012 - 21:50

Bonsoir,

Aucun des deux codes ne fait déplacer le texte en bas du bouton. :s
Merci quand même pour votre aide Smile

Amicalement.

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

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

Résolu Re: Comment obtenir des boutons de cette forme?

Message par Wave le Mer 11 Jan 2012 - 19:00

up

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

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

Résolu Re: Comment obtenir des boutons de cette forme?

Message par Invité le Mer 11 Jan 2012 - 22:05

Bonsoir,

Et comme ceci:
Code:
 input.button1, input.button2 {
background-image: url(http://illiweb.com/fa/prosilver/bg_button.gif);
background-position: top;
background-repeat: repeat-x;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight: bold;
padding-top: 8px !important;
width: auto!important;}
Cordialement.

Invité
Invité


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

Résolu Re: Comment obtenir des boutons de cette forme?

Message par Wave le Jeu 12 Jan 2012 - 16:57

Merci encore Isolde, vous n'êtes pas Staff pour rien Very Happy

PS: Merci aussi à tous ceux qui m'ont aidé.

Amicalement

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

Wave 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