1 CSS : Personaliser les bouton (phpbb3) 4/8/2008, 18:52
Voici le code pour personnaliser les boutons de la version phpbb3.
Collez ceci dans votre CSS :
Et pour les modifier lorsqu'on les survole, ajoutez ceci à votre CSS :
En vert :
- Pour que l'image ne se répète pas, inscrivez no-repeat
- Pour que l'image se répète en mosaïque, inscrivez repeat
- Pour que l'image se répète horizontalement, inscrivez repeat-x
- Pour que l'image se répète verticalement, inscrivez repeat-y
En orange :
- Pour aligner le fond en haut, inscrivez top
- Pour aligner le fond en bas, inscrivez bottom
En rouge :
- Pour aligner le fond à gauche, inscrivez left
- Pour aligner le fond à gauche, inscrivez right
Collez ceci dans votre CSS :
a.button1, input.button1, a.button2, input.button2, button.button2 {
background-image: url("adresse_url_de_l'image");
background-repeat: repeat;
background-position: top left;
}
Et pour les modifier lorsqu'on les survole, ajoutez ceci à votre CSS :
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
background-image: url("adresse_url_de_l'image");
background-repeat: repeat;
background-position: top left;
}
En vert :
- Pour que l'image ne se répète pas, inscrivez no-repeat
- Pour que l'image se répète en mosaïque, inscrivez repeat
- Pour que l'image se répète horizontalement, inscrivez repeat-x
- Pour que l'image se répète verticalement, inscrivez repeat-y
En orange :
- Pour aligner le fond en haut, inscrivez top
- Pour aligner le fond en bas, inscrivez bottom
En rouge :
- Pour aligner le fond à gauche, inscrivez left
- Pour aligner le fond à gauche, inscrivez right