Modifier le bouton

[druss]

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

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

Merci d'avance pour vos précisions !

[druss]

Un petit UP !

[Invité]

Bonjour,
Quel est l'adresse du forum svp?

Bien à vous,

[druss]

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

[Invité]

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}

[druss]

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.

[Invité]

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.

[druss]

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.

[Invité]

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;
}

[druss]

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 ?

[Invité]

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);
}

[druss]

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 )

[Invité]

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/

[druss]

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]

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

Merci beaucoup pour votre aide précieuse !!!