Bonjour,

Vous souhaitez mettre des images de fond dans les cellules de tableaux qui constituent votre forum, différentes en fonction de l'emplacement ? Sur ForumActif, trois classes sont utilisées pour gérer le fond des cellules : .row1, .row2 et .row3. Sans toucher au HTML, elles permettent de faire varier un peu les couleurs de fond.

Dans votre panneau d'administration, rendez vous dans l'onglet Affichage, puis Images et couleurs » Couleurs et cliquez sur l'onglet Feuille de style CSS. Vous pouvez alors coller le code suivant dans le champ qui s'affiche :

Code:

/* cellules principales : description d'un forum, description d'un sujet sur deux, contenu d'un message sur deux */
td.row1{
   background:#f0f0f0 url('ADRESSE DE L IMAGE') top left repeat;
}

/* cellules secondaires : Un sujet sur deux, un message sur deux, réponse rapide, colonne "messages"... */
td.row2{
   background:#ffffff url('ADRESSE DE L IMAGE') top left repeat;
}

/* cellules secondaires : Colonne "sujets" et "Dernier message", colonne "Auteur"... */
td.row3{
   background:#f0f0f0 url('ADRESSE DE L IMAGE') top left repeat;
}

On utilise ici la propriété CSS background. Celle ci peut prendre plusieurs valeurs, séparées les unes des autres par un espace.
• #ffffff est la couleur de fond (code hexadécimal composé de six "chiffres", qui représente une couleur)
• url('ADRESSE DE L IMAGE') permet d'afficher une image de fond
• top permet de placer l'image verticalement, les valeurs peuvent être top, center et bottom
• left permet de placer l'image horizontalement, les valeurs peuvent être left, center et right
• repeat indique que l'image doit être répétée verticalement et horizontalement. Vous pouvez remplacer cette valeur par no-repeat (pas de répétition), repeat-x (répétition horizontale) et repeat-y (répétition verticale)

Vous pouvez effacer n'importe laquelle de ces valeurs, la propriété adoptera alors une valeur "par défaut" (par exemple si vous ne spécifiez qu'une image de fond et rien d'autre, il n'y aura pas de couleur de fond, et l'image se répètera verticalement et horizontalement.)

Pour n'appliquer le fond qu'aux messages (et profils)

Utilisez plutôt ce code :

Code:

/* messages impairs */
.post > td.row1{
   background:#f0f0f0 url('ADRESSE DE L IMAGE') top left repeat;
}

/* messages impairs */
.post > td.row2{
   background:#ffffff url('ADRESSE DE L IMAGE') top left repeat;
}

Pour n'appliquer le fond qu'aux messages (sans le profil)

Attention, c'est un code CSS3 et ça ne marchera donc pas sur les vieux navigateurs, demandez à vos membres d'utiliser la dernière version en date du navigateur qu'ils utilisent.

Code:

/* messages impairs */
.post > td:last-child.row1{
   background:#f0f0f0 url('ADRESSE DE L IMAGE') top left repeat;
}

/* messages impairs */
.post > td:last-child.row2{
   background:#ffffff url('ADRESSE DE L IMAGE') top left repeat;
}

Bon amusement.