1 CSS : Image de fond des cellules (phpbb2) 6/12/2008, 13:19
Ce tutoriel a été publié par ze_chaofan sur SOS-Forum. Afin que les tutoriels de SOS-Forum restent en libre accès, ainsi que par respect du travail accompli, tout tutoriel copié ou s'en inspirant publié ailleurs qu'ici, devra en citer le ou les auteurs ainsi que la provenance via un lien vers ce sujet sur le SOS-Forum. |
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 :
/*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 :
/*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 :
/*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, 02:22, édité 2 fois