Beaucoup d’entre vous ont sans doute profité du superbe tutoriel CSS Faire de beaux titres proposé par Johian. La méthode qu’il suggère semble être très populaire pour les titres des forums (je vous rappelle que pour modifier les titres de vos forums il faut coller le code donné dans le tuto comme titre de forum dans le panneau d’administration). Si vous avez un forum avec un nombre incalculable de sous-forums, il devient lourd de modifier manuellement chaque titre ! En plus, vous devrez subir votre titre sur l’ensemble des endroits où il est affiché (sous-forums et messages compris), ce qui n'est pas toujours très esthétique au final.

En pratique, comment faire ?

Il va vous falloir modifier les templates du forum, donc en être le fondateur et utiliser la version PhpBB2 de ForumActif. Dans votre Panneau d’administration (mode avancé), allez dans l'onglet Affichage puis dans le menu Templates » Général. Dans la liste de templates qui s’offre à vous, trouvez index_box puis cliquez sur son nom ou l'icone d'édition pour éditer.

Dans le template, trouvez le code :

Code:

{catrow.forumrow.FORUM_NAME}

(Utilisez Ctrl+F pour le trouver plus rapidement.)

Remplacez la sélection par ceci :

Code:

<span class="CLASSE-DES-TITRES">{catrow.forumrow.FORUM_NAME}</span></a>

En remplaçant bien sûr CLASSE-DES-TITRES par votre propre classe telle que définie dans votre CSS.

Reste plus qu’à cliquer sur « Enregistrer », puis revenir à la liste des templates généraux pour valider vos changements. Sachez qu’à tout moment vous pouvez cliquer sur pour revenir au template initial.

Bonne chance !

Spoiler:

Addendum par 'Christa

Si vous souhaitez mettre une image de titre à vos catégories ou à vos forums mais qu'elle ne soit visible que pour l'affichage des catégories/forum et non dans la navigation, écrivez ledit titre de cette façon :

Code:

<img src="URL_IMAGE_TITRE" /><span>Votre titre ordinaire</span>

Puis dans le CSS ajoutez ceci :

Code:

.secondarytitle h2 span , .hierarchy a span { display:none; }
td.nav a > img , .catBottom .nav a > img { display : none }

Le premier sélecteur (en fait, il y en a deux, séparés par une virgule) va chercher le <span> dans les catégories et le cacher par un display:none;.
Le deuxième sélecteur (là encore, il y en a deux séparés par une virgule) quant à lui va chercher l'image dans la navigation à l'intérieur des forums et la cache.