| Montrer/Cacher Profil |
Nombre de messages: 2832
Age: 16
Localisation: Un peu la même que mon ombre
Emploi/loisirs: Dormir...
Humeur: Y-a-t-il un forfait téléphonique intitulé "bonheur" ?
Réputation: 115
Date d'inscription: 30/07/2007
|
 
|
 Sujet: CSS : Image de fond des cellules (phpbb2)  6/12/2008, 11:19 |
|
|
Hello, voici un petit tuto CSS, ce coup ci pour la version phpbb2.
Voici comment mettre des images de fond dans vos cellules.
Pour cela, rendez-vous dans votre feuille de style CSS (PA/Affichage/Thème/Couleurs) et voici ce que vous devez coller. Les couleurs de fonds correspondantes sont les trois couleurs de fond modifiables dans le PA.
Pour les zones correspondant à la couleur de fond n°1 :
| Citation: | /*Image_fond_1-------------------------------------------------*/
td.row1 {
background-image: url("adresse_url_de_l'image");
background-repeat: repeat;
background-position: top left;
} |
Pour les zones correspondant à la couleur de fond n°2 :
| Citation: | /*Image_fond_2-------------------------------------------------*/
td.row2 {
background-image: url("adresse_url_de_l'image");
background-repeat: repeat;
background-position: top left;
} |
Pour les zones correspondant à la couleur de fond n°3 :
| Citation: | /*Image_fond_3-------------------------------------------------*/
td.row3 {
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
- Pour aligner le fond au centre, inscrivez center
En rouge :
- Pour aligner le fond à gauche, inscrivez left
- Pour aligner le fond à droite, inscrivez right
- Pour aligner le fond au centre, inscrivez center
Dernière édition par ze_chaofan le 17/1/2009, 00:22, édité 2 fois
|
|
Accueil
Astuces
