[XenForo] Ajouter une image une image de fond à vos catégories

[Bloodyy]

Salut à tous

Aujourd'hui je vous explique comment mettre une image de fond sur vos catégories comme sur :

Pour cela il vous suffit d'ajouter du code dans le EXTRA.css,

Pour chaque catégories il va falloir changer l'id et l'image si vous en voulez des différentes à chaque fois

.nodeList.sectionMain .node.category.level_1.node_1 .categoryText {
background-image: url('liendevotreimage');
background-repeat: no-repeat;
background-position: 100% -36px;
}
.nodeList.sectionMain .node.category.level_1 .categoryText {
height: 35px;
line-height: 35px;
margin-top: -5px !important;
margin-right: -10px !important;
margin-bottom: -5px !important;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
-khtml-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}

Donc si vous voulez qu'une autre catégorie ai une image ajoutez cette ligne de code tout en modifiant l'id de la catégorie visé:

.nodeList.sectionMain .node.category.level_1.node_2 .categoryText {
background-image: url('liendevotreimage');
background-repeat: no-repeat;
background-position: 100% -36px;
}

Ce sera tout ​

 

[Rivals]

C'est du CSS basique applicable partout..

 

[Bloodyy]

C'est du CSS basique applicable partout..

Oui je sais mais c'est assez utile

 

[Xiroz]

C'est toujours bon a savoir
Merci.

 

[0x]

Salut,
Il n'est pas obliger de les faire 1 par 1 ^^

.nodeList .categoryStrip {
 background: url("liendetonimages.png");
}

Ceci est bien plus rapide