[phpBB 3.0.x] Ajouter une icône dans le titre de la catégorie

Toutes les documentations phpBB seront ici.
Verrouillé
Avatar du membre
Dakin Quelia
Webmaster
Webmaster
Messages : 565
Enregistré le : ven. 27 nov. 2009 05:47
Localisation : Belgique
Contact :

[phpBB 3.0.x] Ajouter une icône dans le titre de la catégorie

Message par Dakin Quelia »

» Ajouter une icône dans le titre de la catégorie

Pour diverses raisons, vous souhaiteriez sûrement ajouter des icônes aux titres des catégories sur votre forum? Rien de bien compliqué, il suffit de suivre cette documentation.

Avant d'entamer les modifications, il est recommandé de faire une sauvegarde des fichiers à modifier.

» 1. Méthode sans passer par le panneau d'administration

Cette méthode consiste à simplement créer des images indiquant l'ID du forum de la catégorie. Et c'est une méthode simple mais plus contraignante puisqu'il faut renommer chaque icône dans un format très précis.

Tout d'abord, il faut créer un dossier « forums » dans le dossier « images » afin d'y stocker les icônes qui seront utilisées pour chaque catégorie. Une fois fait, vous allez placer vos icônes au format 16*16 (c'est le format utilisé lors du test des modifications donc il faudra adapter selon la taille de l'icône mais je vous invite à éviter les formats dépassant le 16*16). Mais ce n'est pas tout car les icônes n'ont pas le nom que l'on désire. De ce fait, il va falloir les renommer en « f{ID}.gif » afin de correspondre à nos modifications ci-dessous.

En clair, pour une catégorie dont l'ID du forum est 1, l'image se nommera « f1.gif ».

Ouvrez le fichier « styles/{VOTRE_THEME}/template/forumlist_body.html ».

Cherchez:

Code : Tout sélectionner

						<dt><!-- IF forumrow.S_IS_CAT --><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a><!-- ELSE -->{L_FORUM}<!-- ENDIF --></dt>
Remplacez par:

Code : Tout sélectionner

						<dt style="background-image: url({ROOT_PATH}images/forums/f{forumrow.FORUM_ID}.gif); background-repeat: no-repeat; background-position: 5px 95%;"><span style="margin-left: 30px;"><!-- IF forumrow.S_IS_CAT --><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a><!-- ELSE -->{L_FORUM}<!-- ENDIF --></span></dt>
» 2. Méthode en passant par le panneau d'administration

Cette méthode est moins contraignante puisqu'elle utilise le système phpBB directement et permet donc d'utiliser le champ « Image du forum » pour les catégories et ainsi, ça évite de devoir renommer les images.

Ouvrez le fichier « styles/{VOTRE_THEME}/template/forumlist_body.html ».

Cherchez:

Code : Tout sélectionner

						<dt><!-- IF forumrow.S_IS_CAT --><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a><!-- ELSE -->{L_FORUM}<!-- ENDIF --></dt>
Remplacez par:

Code : Tout sélectionner

						<dt style="background-image: url({forumrow.FORUM_IMAGE_SRC}); background-repeat: no-repeat; background-position: 5px 95%; min-height: 13px;"><span style="margin-left: 30px;"><!-- IF forumrow.S_IS_CAT --><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a><!-- ELSE -->{L_FORUM}<!-- ENDIF --></span></dt>
Il est important tout de même que vous optiez pour un format d'image unique pour toutes les catégories. Nous vous conseillons le format 16*16 pour une meilleure harmonie du thème.

Maintenant, nous allons passer à l'ajout de l'image via le panneau d'administration. Pour cela, rendez-vous dans le panneau d'administration puis dans l'onglet « forums ». Là, vous créez ou éditez une catégorie. Quand vous êtes sur la page, ce sont les premiers forums que l'on peut voir. Puis cliquez sur sur le bouton « éditer ».

Dans le champ « Image du forum », vous mettez, par exemple: ./images/forums/f1.png puis vous cliquez sur « Envoyer ». Une fois ceci fait, vous verrez directement l'icône dans le panneau d'administration et vous pourrez donc voir votre icône sur le forum sur la page d'accueil (confer la capture d'écran ci-dessous).

» Rafraîchissement et résultat

Quelle que soit la méthode utilisée, n'oubliez pas de rafraîchir le template (onglet Styles) et de vider le cache.

Résultat:
03.png

Verrouillé

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 2 invités