Image de fond de cellule

[Gae67]

Bonsoir,

Je cherche à pouvoir insérer une image de fond dans les cellules des forums dans les catégories si vous voyez ce que je recherche.
Mais j'aimerai pouvoir changer justement ces fonds, selon les forums, avec des images qui leurs sont associés.



Merci d'avance des réponses qu'il y'aura.
Cordialement,

[Ea]

Bonjour,


En exécutant un script comme ceci sur la page souhaitée :

Code:

$("dl.icon h3 a").each(function() {
  $(this).closest("li").addClass($(this).attr("href").replace(/^\/([fc][0-9]+)-.*$/, "$1"));
});

on peut utiliser du CSS qui dépend du forum en question, par exemple :

Code:

li.row.c3 {
background: url(http://2img.net/i/fa/i/smiles/icon_mrgreen.png); }
li.row.f5 {
background:url(http://2img.net/i/fa/i/smiles/icon_clown.png); }

donne : https://i.imgur.com/GTVdFcq.png

Cordialement.

[Gae67]

Bonjour,

J'ai effectué ce que vous m'avez montré, et malheureusement cela ne fonctionne pas, j'ai utilisé toutes les combinaisons possibles avec le script (toutes les pages, index, sujets etc..) et sans résultat.

Cordialement.

[Ea]

Oh oui...

J'ai oublié de l'entourer de $(function(){ }); cela permet de retarder le code et qu'il n'agisse qu'une fois que la page est affichée ( sans le mettre il agit alors que la page est vide et rien ne se passe vu qu'il n'y a aucun élément sur lesquels agir ).

Le code devrait plutôt être :

Code:

$(function(){
  $("dl.icon h3 a").each(function() {
    $(this).closest("li").addClass($(this).attr("href").replace(/^\/([fc][0-9]+)-.*$/, "$1"));
  });
});

Cordialement.

[Gae67]

Ah, la ca marche !

Merci beaucoup !