Images des catégories différentes (modernbb)

[Dellou]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://futurmaj.forumactif.com/

Description du problème

Bonjour/Bonsoir !
Je viens vers vous car actuellement je travaille sur un nouveau thème pour mon forum, le soucis c'est que je passe en modernbb. J'ai suivis les instructions de ce sujet https://forum.forumactif.com/t395525-images-differentes-a-chaque-categorie-modernbb et d'autres antérieurs, mais rien à faire ça ne fonctionne pas.... je pense que c'est peut-être ma méconnaissance en javascript qui fait que le code ne fonctionne pas ?
Dans tous les cas je requiert votre aide !
Merci à toutes personnes s'intéressant à ce sujet <3

[Dellou]

je me permet de up (pour éviter de up à 23h au vu de l'heure de mon message précédent)

[Dellou]

up

[Dellou]

up

[Dellou]

up

[Dellou]

up

[Dellou]

up

[Dellou]

up

[Dellou]

up

[Invité]

Hello Dellou,
pour le script, il faut le modifier ainsi:

Remplace Catégorie 1 par le nom exacte de la catégorie(Majuscule/accent)

Code:


$(function(){
  $('div.table-title h2:contains("Catégorie 1")').closest('.forabg').attr('id','IDENTIFIANT1');
});


Mais pour que cela fonctionne sur ton forum,
il faut créer des catégories et sur ton forum, tu cumules que des forums.
Catégorie==> administration et inclure les forums règlement & co  et news & vie du forum :
Catégorie:
https://forum.forumactif.com/t169797-creer-une-categorie#1695990
Forums:
https://forum.forumactif.com/t169800-creer-un-forum#1695997

Voir dans ton PA:
Général/Catégories et Forums/Catégories et Forums

Il doit avoir cette structure:



Puis ensuite séparer les catégories sur "Moyen"  :
Affichage/Page d'acceuil/ Structure et hiérarchie/Niveau de compression de l'index



Séparer les catégories sur l'index :

Cocher sur Moyen de préférence

Sinon avec ta structure,
on prend le premier titre de ton forum (texte via ton PA car tu as un style css text-transform: uppercase;  )

Le visuel:

Ce que tu as dans ton P.A:

"règlement & co" :

Code:


$(function(){
$('a.forumtitle:contains("règlement & co.")').closest('.forabg').attr('id','IDENTIFIANT1');
});


Puis on ajoute la deuxième partie:

Code:


$('a.forumtitle:contains(passage à tabac)').closest('.forabg').attr('id','IDENTIFIANT2');


Le script sera alors pour les deux cumulés:

Code:


$(function(){
  $('a.forumtitle:contains("règlement & co.")').closest('.forabg').attr('id','IDENTIFIANT1');
  $('a.forumtitle:contains(passage à tabac)').closest('.forabg').attr('id','IDENTIFIANT2');
});


Etc etc

a++

[Dellou]

Bonjour Milouze14 !
Merci beaucoup de t'intéresser à mon sujet !

Alors j'ai un petit problème cependant... je ne cumule pas les forums, j'ai exactement ce que vous avez screené de base (administration est bien une catégorie par exemple, de même pour introduction...) et ma structure & hiérarchie est déjà en moyen !

J'ai essayé tout de même votre solution et ça ne fonctionne toujours pas.... je ne comprend pas

Voici mon CSS :

Code:

#IDENTIFIANT1 {background-image:url(https://i.imgur.com/8SBa2S0.png);}
#IDENTIFIANT2 {background-image:url(https://i.imgur.com/r9oudAx.png);}

Voici le Javascript :

Code:

$(function(){
  $('a.forumtitle:contains("administration")').closest('.forabg').attr('id','IDENTIFIANT1');
  $('a.forumtitle:contains("introduction")').closest('.forabg').attr('id','IDENTIFIANT2');
});

et voici mes deux screens, comme je l'ai dit :



Peut-être suis-je à côté de la plaque et n'ai-je pas compris quelque chose, je suis désolée si c'est le cas  

[Invité]

Re,
tu as modifié ton template dans ce cas .

Donc remplace le script par celui-ci:

Code:

 
$(function(){
  $('a.forumtitle:contains("règlement & co.")').closest('.forabg').attr('id','IDENTIFIANT1');
  $('a.forumtitle:contains(passage à tabac)').closest('.forabg').attr('id','IDENTIFIANT2');
});

Il faut donc rechercher le titre du premier forum comme mentionné sur mon message:

on prend le premier titre de ton forum (texte via ton PA car tu as un style css text-transform: uppercase; )

a++

[Dellou]

Aaah !! Ca fonctionne ! Merci beaucoup ! <3