Ce tutoriel a été publié par nirupan 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.

Bonjour,
Voici comment mettre une image de fond dans les modules et widgets, à coller dans votre CSS :

.module {
background-image: url("adresse_url_de_l'image");
background-repeat: repeat;
background-position: top left;
}

Et pour personnaliser l'arrière du titre :

.module .h3 {
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

J'ai édité ton message, la balise "gras" fut incorrecte .

Bonjour.
J'apporte une petite correction à ce tutoriel qui n'était plus tout à fait à jour.

Concernant la partie pour les titres des modules, il ne faut dorénavant plus mettre ce code :

.module h3 {
background-image: url("adresse_url_de_l'image");
background-repeat: repeat;
background-position: top left;
}

Mais ce code ci :

.module .h3 {
background-image: url("adresse_url_de_l'image");
background-repeat: repeat;
background-position: top left;
}

(sujet édité)