Images fonds de titres différentes par catégorie

[khouss]

Bonjour,

J'ai utilisé la fonction rechercher, les archives et je n'ai pas trouvé de réponse à mon souhait de mise en page du forum. Désolé si le sujet a déjà été traité.   

Mon forum est composé de 4 catégories. Dans chaque catégorie on trouve bien sûr un ensemble de forum et sous forum.

J'ai placé une image de fond dans les titres des catégories.
Cette image est la même pour l'ensemble des catégories du forum et on la retrouve dans les titres des forums et titres des sous forum.

Ce que je souhaite :
Avoir une image de fond des titres différente par catégorie, et que cette image de la catégorie se retrouve dans les titres des forums et sous forum associés.

Par exemple :
Image de fond de titre 1 pour
Fond titre Catégorie 1
Fond titre Forum  1
Fond titre Forum 1.1

Image de fond de titre 2 pour
Fond titre Catégorie 2
Fond titre Forum 2
Fond titre sous forum 2
Fond titre Forum 2.2
Fond titre sous forum 2.2
Fond titre sous forum 2.2

etc, pour les catégories 3 et catégories 4.

 :thanks:  beaucoup pour vos réponses à venir,

[khouss]

... Up

[khouss]

Bin up...
heuuuuu... c'est impossible à faire ?   

J'ai simplement utilisé cet emplacement



... mais du coup l'image de fond des titres est identique pour tout le forum et ce n'est pas ce que je souhaite : attribuer une image par catégorie   

(toutes les catégorie utilisent le même code source ? On peut créer un code différent pour fractionner cet ensemble en "X catégories" avec pour chacune une source personnalisée ? ou modifier le code d'origine ? Je suis néophyte dans cet univers, c'est pas simple... )   

 :thanks:  pour votre aide

[khouss]

up   

[khouss]

up...   

on cherche de notre côté, mais pas encore de solution

[khouss]

... up

Peut-être pas la bonne section ?   

[khouss]

up

[stefou]

Bonjour,
Oui cela est possible, je l'ai fait sur mon forum...
c'est un peu de boulot à expliquer, je vais voir si je retrouve pas un sujet qui permettrai de dégrossir le truc  

Edit:
J'ai rien trouvé   

Ont va déjà voir pour les barres de catégorie.
Vous pouvez tester ceci:

Dans le P.A. --> Général --> Catégories et forums
Vous pouvez éditer le titre de la 1er catégorie "LES BALADES MOTO DES MOTARDS BOURGUIGNONS" pour y ajouter une id.
Remplacer le titre par ceci:

Code:

<span id="bar-cat1">LES BALADES MOTO DES MOTARDS BOURGUIGNONS</span>

Ensuite vous créer un javascript Activé sur index et sous forum.
Ce code ajoute une classe au "th" de la barre concerné (bar-cat1)

Code:

$(function() {
      $("#bar-cat1").closest("th").addClass("bar-cat1");
              });

Reste plus qu'à demander dans la feuille de style css d'afficher une image de fond sur l'id voulu.

Code:

th.bar-cat1{background-image: url(http://i55.servimg.com/u/f55/17/67/21/72/barree13.jpg)!important;}

[khouss]

:thanks:  Stefou

1. édition titre et remplacement par le code : ok

2. "modules" -> "gestion des codes Javascript" -> code collé et cases index et sous forum cochées

3. "affichage" -> "couleurs" -> "feuille de style CSS" -> code collé avec l'adresse de l'image actuelle

J'ai enlevé :
- l'image en sous titre que j'avais mis (par contre j'ai ça qui remplace automatiquement : https://2img.net/i/fa/empty.gif)
- la couleur de fond en ne laissant que le #

... ça fonctionne pas... j'ai oublié quelque chose ou fait une bétise ?
Je débute et ça ne serait pas surprenant que j'ai zappé quelque chose...

Merci par avance pour votre aide Stefou, c'est cool

[stefou]

3. "affichage" -> "couleurs" -> "feuille de style CSS" -> code collé avec l'adresse de l'image actuelle

il faut mettre l'adresse d'une image différente si vous voulez une image differente des autres...
Pour exemple dans le code css que je vous ai donné, c'est une image bleu.

J'ai placé les codes et voilà ce que cela donne:


Par contre en phpbb2 il ne l’applique pas sur toute la longueur, je pense que là il faudrat intervenir dans le template.

[khouss]

aïe... bon... du coup j'ai fait une erreur quelque part, car même en modifiant le lien, ça ne fonctionne pas...   

[khouss]

re-test, sur un forum test, par un modé de notre forum moto... ça fonctionne pas non plus...   

Excusez moi par avance pour cette demande Stéfou : pouvez-vous me confirmer que le copier/coller de votre réponse ne comporte pas de défaut ?

[stefou]

Non il fonctionne puisque je l'ai utilisé pour avoir le rendu que j'ai posté (photo de ton forum)

Le forum test de ton amis est aussi en phpbb2 ?

Tu peux tester en cochant sur toutes les pages dans le js

[khouss]

Désolé, c'est juste un truc de fou là... ça fonctionne pas... je comprends pas...
Pour le forum test, oui, identique au forum moto, ça nous sert pour des expérience, histoire de pas tout planter sur l'officiel...   

Un des codes est peut être pas collé au bon endroit ?

[stefou]

Je vais vérifier ce que tu n'as pas placer.

[khouss]

C'est super sympa, merci à vous, vraiment...   

[stefou]

C'est votre javascript qui ne fonctionne pas.

As tu coché activer le javascript dans le panneau admin --> modules --> gestion des codes js

[stefou]

Voilà, je vois que cela fonctionne, c'est de m'a faute je n'ai pas pensé a le préciser.

[khouss]

  

Encore merci pour votre aide

ps pour être sûr : Pour les autres rubriques, je suppose que j'opère de la même façon en modifiant simplement le cat en cat2, cat3 et cat4 ?

[stefou]

oui c'est bien cela, il y a moyen de ne faire que un seul javascript comme ceci pour y ajouter tes 4 catégories

Code:

        $(function() {
              $("#bar-cat1").closest("th").addClass("bar-cat1");
              $("#bar-cat2").closest("th").addClass("bar-cat2");
              $("#bar-cat3").closest("th").addClass("bar-cat3");
              $("#bar-cat4").closest("th").addClass("bar-cat4");
                      });

Par contre en phpbb2 il manque je pense une "div" dans le template contrairement au phpbb3 ce qui fait que le code ne s'applique pas sur toute la bar.
Mais les templates je maitrise pas encore bien donc si quelqu'un peut donner la solution ce serai bien.

Pour les barres de sous forum, il faudra ajouter une condition dans le js, mais je te laisse faire déjà les modifs actuel avec les photos que tu souhaites.
ont verra par la suite.

[khouss]

Ok, c'est parti, je mets tout ça en place de suite

  :thanks: 

[khouss]

Ce que je souhaite :
Avoir une image de fond des titres différente par catégorie, et que cette image de la catégorie se retrouve dans les titres des forums et sous forum associés.

Par exemple :
Image de fond de titre 1 pour
Fond titre Catégorie 1
Fond titre Forum  1
Fond titre Forum 1.1

Image de fond de titre 2 pour
Fond titre Catégorie 2
Fond titre Forum 2
Fond titre sous forum 2
Fond titre Forum 2.2
Fond titre sous forum 2.2
Fond titre sous forum 2.2

etc, pour les catégories 3 et catégories 4.

Une image de fond de titre différente par catégorie ok; merci à Stéfou   

Seconde partie

Quel code ou structure appliquer pour que l'image de la catégorie soit également affichée dans les fonds de titres des forums et sous forums de cette catégorie ?

:thanks:  beaucoup pour vos réponses à venir,

[stefou]

Tu parles de la barre de catégorie sur cette page ou carrément le fond des titre des sujet ? (auquel cas il sera difficile de lire les titres)

[khouss]

Juste la barre des titre, où il est écrit "sujets", "réponses", "Auteurs", etc, à l'image des titres des catégories

[stefou]

Tu peux tester ceci

Créer javascript coché sur sous forum et sujet

Code:

        $(function() {
            if ($("#bar-cat1").length > 0){ 
$("th").addClass("bar-cat1");
}
                        if ($("#bar-cat2").length > 0){ 
$("th").addClass("bar-cat2");
}
                        if ($("#bar-cat3").length > 0){ 
$("th").addClass("bar-cat3");
}
                        if ($("#bar-cat4").length > 0){ 
$("th").addClass("bar-cat4");
}
});

[khouss]

ça fonctionne Stefou   

Ceci dit, l'image se répète et le rendu est pas top top.
Existe-t-il une possibilité pour ôter cette répétition d'image ?

[khouss]

La nuit porte conseil; au sujet de la "répétition" je souhaite que l'image de fond de titre de la catégorie soit reportée :
- seulement dans le titre de la colonne "sujet" des forums
- seulement dans le titre de la colonne "message" des sujets

Peut-on réaliser cette sélection ? Quels sont les codes ?

Merci par avance,

[stefou]

Pour cela ont va ajouter quelques "class" dans le template "topics_list_box"
Tu n'est pas le fondateur? As tu accès au template ?

[khouss]

Bonjour Stefou,
Je ne suis pas le fondateur du forum et je ne sais pas si j'ai accès au template, je ne sais même pas ce que c'est, ni où c'est...   

[stefou]

il n'y a que le compte fondateur qui y a accès.