Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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 :Comment obtenir des boutons de cette forme? Captur45.

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

Wave
*****

Masculin
Messages : 567
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.
avatar

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

Wave
*****

Masculin
Messages : 567
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

Psyaliah
Membre habitué(e)

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

https://forum.forumactif.com/
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

Wave
*****

Masculin
Messages : 567
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

Wave
*****

Masculin
Messages : 567
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

Dr. Karlos
Membre actif

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

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

Wave
*****

Masculin
Messages : 567
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

Dr. Karlos
Membre actif

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

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: Comment obtenir des boutons de cette forme? Captur46, j'ai ça: Comment obtenir des boutons de cette forme? Captur47 (je ne parle pas de la différence entre les deux mots mais leur position sur le bouton.

Amicalement.
Wave

Wave
*****

Masculin
Messages : 567
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

Dr. Karlos
Membre actif

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

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

Wave
*****

Masculin
Messages : 567
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

Wave
*****

Masculin
Messages : 567
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

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

Psyaliah
Membre habitué(e)

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

https://forum.forumactif.com/
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

Wave
*****

Masculin
Messages : 567
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

Wave
*****

Masculin
Messages : 567
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.
Anonymous

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

Wave
*****

Masculin
Messages : 567
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