Modification des boutons interne au forum.

[Zex]

Bonjour, après moult recherches (avancées) je n'ai tout de même pas trouvé mon bonheur.

J'ai en début d'après midi réussi a espacer mon bouton "Rechercher" de la barre de recherche.

J'ai même réussi a faire ce que je voulais sur le bouton en lui même mais impossible de le refaire sur les boutons "S'enregistrer", "Connexion", "J'accepte le règlement" et "Je n’accepte pas le règlement". Je m'explique.

Sur le bouton RECHERCHER en haut a droite des forums j'ai réussi à:

- Changer l'image de fond

- Changer la couleur du texte

- Changer la couleur du texte au survol

Autant vous dire que j'ai bidouiller pour m'en sortir...

Pour ce qui est des autres boutons et bien je n'arrive pas a trouver comment changer la couleur de survol ("S'enregistrer", "J'accepte le...", "Je n'accepte pas...") et même aussi le fond pour ce qui est du bouton "Connexion" sur la page de login. Je parle évidemment des boutons interne au forum et non pas de la barre de menu.

En espérant que vous pourrez m'aider, a très vite!

[Matriochka]

Bonjour,

À priori tu devrais pouvoir faire tes changements depuis le CSS avec :

Code:

a.button1, a.button2, button.button2, input.button1, input.button2 {…}

[Zex]

Code:

a.button1, input.button1, a.button2, input.button2, button.button2 {
   width: auto !important;
   padding: 2px 3px;
   font-family: Devil Breeze Bold;
   color: #ffffff;
   overflow: visible;
   }

Voici ma ligne de code.

Quelle est la variante pour le changement de couleur du texte au survol?
Pour l'image de fond est-ce qu'un simple "background:url" fonctionne?
Est-ce que la totalité de mes boutons seront changés grâce a cette ligne?

[Matriochka]

1. Pour le texte au survol, il faut mettre :hover après chaque nom d’élément :
a.button1:hover, input.button1:hover…

2. Pour l’image de fond :
background:url(); fonctionne très bien

3. À priori, oui, mais je t’invite quand même à vérifier par toi-même, je ne suis pas adepte de la personnalisation sur phpBB3, il se peut que j’aie oublié des choses

[Zex]

Pour ce qui est de l'hover du texte c'est OK, sa fonctionne par contre pour l'image de fond et bien cela ne fonctionne pas donc y a t-il une erreur dans ma ligne ou une autre solution?

Code:

a.button1, input.button1, a.button2, input.button2, button.button2 {
   width: auto !important;
   padding: 2px 3px;
   font-family: Devil Breeze Bold;
   color: #ffffff;
   overflow: visible;
     background:url ('http://i82.servimg.com/u/f82/18/37/26/40/fond_n10.png');
}

[Matriochka]

Code:

background:url ('http://i82.servimg.com/u/f82/18/37/26/40/fond_n10.png')

Pas d’espace entre url et la première parenthèse, il faut tout coller

[Zex]

A cause d'un pauvre petit espace... Enfin en tout cas encore merci déjà deux problèmes de réglés grâce a toi, je vais en ouvrir un autre pour un autre sujet donc a tout de suite j'espère et encore MERCI!