Pour ce tuto je dois d'abord remercier Pakodar, qui a eu la gentillesse de m'expliquer ici.

Je vais donc vous expliquer comment avoir des barres en haut et en bas de vos blocs de catégories. Vous pourrez leur donner des formes originales pour mieux agrémenter votre forum, comme sur gold heart par exemple. (voir ce que ça donne)

Il faut que votre forum soit en PHPBB2.

1) Pour l'image du haut.

Nous allons tout simplement placer une image en fond des titres de vos catégories. Pour cela, allez dans : Panneau d'administration > Affichage > Couleurs > Onglet Feuille de style CSS.

Ajoutez ce code à votre CSS :

Code:

.secondarytitle {
background-image: url('URL DE L'IMAGE DE FOND');
height:HAUTEUR EN PX; widht: LARGEUR EN PX;
}

Remplacez ce que j'ai mis en majuscules, sans enlever les guillemets !


2) Pour l'image du bas.

Pour cette étape, il faut que vous ayez accès au compte fondateur du forum, autrement vous ne pourrez pas toucher aux templates.

Allez dans Affichage > Templates > Général puis cherchez "index_box" et cliquez sur "modifier".

Cherchez ce code (tout à fait à la fin de votre template) :

Code:

<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Et remplacez-le par :

Code:

<!-- BEGIN tablefoot -->
</table><img src="IMAGE FIN CATEGORIES" alt="" height="HAUTEUR EN PX" width="LARGEUR EN PX" /><br><br><!-- END tablefoot --><!-- END catrow -->

Puis remplacez les valeurs en majuscules, sans enlever les guillemets.

Pour ceux qui souhaitent des explications, en fait vous venez tout simplement de définir une image tout en bas de chaque bloc de catégorie (puisque le template index_box est celui qui s'applique à l'affichage des catégories). Les "br" servent à ajouter des sauts de ligne entre chaque bloc pour les espacer, simplement.

Pour avoir également les noms de titres de catégories remplacés par des images, il faut créer des images avec un texte correspondant à votre titre, puis remplacer chacun des titres (dans Général > Catégories et forums) par ce code :

Code:

<img src="URL DE L'IMAGE">

Et voilà, normalement si ça fonctionne bien chez vous vous aurez de beaux blocs de catégories personnalisés !
N'hésitez pas également à consulter les tutos permettant de fusionner les collones, agrémenter vos titres et descriptions...

Si vous avez un souci n'hésitez pas à m'en faire part je tacherai de vous aider !
Bien que l'idée ne vienne pas de moi, j'ai rédigé ce tuto moi-même, merci de ne pas redistribuer !