Modifier le bouton

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

Résolu Modifier le bouton

Message par druss le Mer 14 Avr 2010 - 19:28

Est-il possible de changer ce bouton-ci sous phpbb3 :

http://givemethemusic.free.fr/1271266063.jpg

Merci d'avance pour vos précisions !


Dernière édition par druss le Jeu 15 Avr 2010 - 14:03, édité 1 fois

druss
*

Messages : 30
Inscrit(e) le : 14/09/2007

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

Résolu Re: Modifier le bouton

Message par druss le Jeu 15 Avr 2010 - 12:41

Un petit UP ! Smile

druss
*

Messages : 30
Inscrit(e) le : 14/09/2007

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

Résolu Re: Modifier le bouton

Message par Invité le Jeu 15 Avr 2010 - 12:45

Bonjour,
Quel est l'adresse du forum svp?

Bien à vous,

Invité
Invité


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

Résolu Re: Modifier le bouton

Message par druss le Jeu 15 Avr 2010 - 12:52

Je ne pense pas que l'adresse du forum soie nécessaire ici, je souhaite juste savoir s'il est possible de changer le look de ce bouton (cf le screenshot) sous phpbb3.

Remplacer l'image du bouton par une autre entre autre. Merci de votre aide Smile

druss
*

Messages : 30
Inscrit(e) le : 14/09/2007

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

Résolu Re: Modifier le bouton

Message par Invité le Jeu 15 Avr 2010 - 12:55

Et bien oui, c'est possible en passant par du CSS...essayez
Code:
input {blahblah}
À la place de blahblah, mettez le style du bouton que vous voulez (couleur ou image de fond, couleur du texte, etc.)

Seulement, je ne sais pas trop-trop si sous phpbb3 c'est la même class

edit: Non, effectivement...

Code:
a.button1, input.button1, a.button2, input.button2, button.button2 {blahblah}

Invité
Invité


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

Résolu Re: Modifier le bouton

Message par druss le Jeu 15 Avr 2010 - 13:24

Désolé, mais je ne suis pas sûr de comprendre précisément comment ça fonctionne. Je n'ai aucune base en CSS.

Lorsque je copie le second code dans feuille de style, et que je remplace le blabla par une couleur par exemple, rien ne se passe.
Mais je pense que je ne m'y prend pas comme il faut.

druss
*

Messages : 30
Inscrit(e) le : 14/09/2007

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

Résolu Re: Modifier le bouton

Message par Invité le Jeu 15 Avr 2010 - 13:27

a.button1, input.button1, a.button2, input.button2, button.button2 {
color: #FFFFFF;
background-color: #000000;
}

color désigne la couleur du texte, ici j'ai mis #FFFFFF, soit blanc.
bakcground-color désigne la couleur de fond du bouton, ici j'ai mis #000000, soit noir.

Vous pouvez changer le code couleur.

Invité
Invité


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

Résolu Re: Modifier le bouton

Message par druss le Jeu 15 Avr 2010 - 13:35

Merci beaucoup pour les précisions !

Alors pour la couleur du texte, aucun soucis elle s'est bien vue modifiée, merci !

Par contre, j'ai toujours l'image du bouton en fond.
Je ne sais pas trop comment ça fonctionne, mais peut-être faut-il réussir à enlever cette image pour qu'on puisse voir la changement de couleur du fond.

druss
*

Messages : 30
Inscrit(e) le : 14/09/2007

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

Résolu Re: Modifier le bouton

Message par Invité le Jeu 15 Avr 2010 - 13:36

Effectivement, ça doit fonctionner comme ça.
Essayez ceci:

Code:
a.button1, input.button1, a.button2, input.button2, button.button2 {
color: #FFFFFF;
background-color: #000000;
background-image:none;
}

Invité
Invité


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

Résolu Re: Modifier le bouton

Message par druss le Jeu 15 Avr 2010 - 13:38

Merci parfait, vous êtes un chef ;p
Ca me convient comme ça, mais tant qu'on y est, pensez-vous qu'il est possible de remplacer l'image plutôt que la couleur ? C'est à dire mettre nous même une image de notre choix ?

druss
*

Messages : 30
Inscrit(e) le : 14/09/2007

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

Résolu Re: Modifier le bouton

Message par Invité le Jeu 15 Avr 2010 - 13:40

Ouaip, pas de soucis^^ Dans ce cas, au lieu de none, vous mettez url(URL DE L'IMAGE);

Voici:
Code:
a.button1, input.button1, a.button2, input.button2, button.button2 {
color: #FFFFFF;
background-color: #000000;
background-image:url(URL DE VOTRE IMAGE);
}

Invité
Invité


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

Résolu Re: Modifier le bouton

Message par druss le Jeu 15 Avr 2010 - 13:46

Ah génial ! Et une dernière : est-il possible de changer la couleur du contour du bouton ? (il faut vraiment que je mette au CSS =p )

druss
*

Messages : 30
Inscrit(e) le : 14/09/2007

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

Résolu Re: Modifier le bouton

Message par Invité le Jeu 15 Avr 2010 - 13:49

Oui, pour ça, c'est la propriété "border". Donc le code final, ça donne:
Code:

a.button1, input.button1, a.button2, input.button2, button.button2 {
color: #FFFFFF;
background-color: #000000;
background-image:url(URL DE VOTRE IMAGE);
border: 1px solid #FF0000;
}

Sachant que là, j'ai mis rouge, à vous de changer...ensuite, vous pouvez modifier l'épaisseur de la border (j'ai mis 1px, mais vous pouvez changer) ensuite, j'ai mis solid, ce qui vous mettra une bordure d'une ligne solide comme ____ mais il existe aussi dashed qui donne des tirets ------ et dotted, des pointillés ......

Pour vous mettre au CSS → http://stylescss.free.fr/ Laughing

Invité
Invité


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

Résolu Re: Modifier le bouton

Message par druss le Jeu 15 Avr 2010 - 13:53

Hum j'avais tenté un "border-color" en regardant un autre bout de code que j'avais xD >> Failed !

Merci le votre fonctionne parfaitement !

Edit : Arff, en fait quand je passe la souris dessus, j'ai encore l'ancienne couleur. Il doit également avoir une couleur que l'on peut modifier au rollover.

druss
*

Messages : 30
Inscrit(e) le : 14/09/2007

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

Résolu Re: Modifier le bouton

Message par druss le Jeu 15 Avr 2010 - 14:03

En fait c'est bon, j'arrive à m'y retrouver en regardant le CSS de base du forum Wink

Merci beaucoup pour votre aide précieuse !!!

druss
*

Messages : 30
Inscrit(e) le : 14/09/2007

druss 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