» Noms des catégories en images pour Prosilver

Ce tuto vous montrera comment arriver à afficher les noms de vos catégories sous forme d'image au lieu d'être sous forme de texte, pour un résultat similaire à ceci :



Note : Le tutoriel a été testé sur un forum phpBB 3.0.7-PL1 utilisant le style Prosilver

» Sommaire

• Modification des fichiers
• Mettre en place les images depuis l'ACP

Avertissement : Il est recommandé de faire une sauvegarde de l'ensemble des fichiers avant de faire les modifications !


» Modifications des fichiers

Les modifications qui suivent doivent être suivies comme si vous installiez un MOD.

OUVRIR

Code: Tout sélectionner

includes/functions_display.php

TROUVER, ligne 312

Code: Tout sélectionner

				'FORUM_IMAGE'			=> ($row['forum_image']) ? '<img src="' . $phpbb_root_path . $row['forum_image'] . '" alt="' . $user->lang['FORUM_CAT'] . '" />' : '',

REMPLACER PAR

Code: Tout sélectionner

				'FORUM_IMAGE'			=> ($row['forum_image']) ? '<img src="' . $phpbb_root_path . $row['forum_image'] . '" alt="' . (($row['forum_type'] == FORUM_CAT) ? $row['forum_name'] : $user->lang[$folder_alt]) . '" />' : '',

OUVRIR

Code: Tout sélectionner

styles/prosilver/template/forumlist_body.html

TROUVER, ligne 10

Code: Tout sélectionner

        <!-- IF forumrow.S_IS_CAT or forumrow.S_FIRST_ROW  or forumrow.S_NO_CAT  -->

APRÈS, AJOUTER

Code: Tout sélectionner

            <!-- IF forumrow.S_IS_CAT -->
            <h2 class="category"><a href="{forumrow.U_VIEWFORUM}"><!-- IF forumrow.FORUM_IMAGE -->{forumrow.FORUM_IMAGE}<!-- ELSE -->{forumrow.FORUM_NAME}<!-- ENDIF --></a></h2>
            <!-- ENDIF -->

TROUVER, ligne 19

Code: Tout sélectionner

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

REMPLACER PAR

Code: Tout sélectionner

                            <dt>{L_FORUM}</dt>

SAUVEGARDER ET FERMER LES FICHIERS

» Mise en place des images dans l'ACP

Le terrain est maintenant prêt pour afficher les images, mais vous devez d'abord modifier vos catégories pour y indiquer le lien des images que vous aurez préalablement créées avec votre éditeur d'image (photoshop, gimp, etc.)

Placer les images sur le FTP

Ouvrez votre client FTP (ex: Filezilla), et depuis la racine du forum, allez dans le répertoire /images/ et créez un nouveau répertoire que vous nommerez /forum_images/. Envoyez ensuite vos images de catégorie dans ce dossier. De cette façon, ça nous permet d'utiliser les liens relatifs pour lier les images aux catégories.

Éditer les catégories

Vos images sont prêtes à être liées, il ne vous reste plus qu'à éditer une à une vos catégories, puis à placer pour chacune, l'image correspondante de cette manière dans le champ de l'image du forum : images/forum_images/monimage.gif

Par exemple avec ma catégorie de test :



Et voilà, vous avez votre nom de catégorie en images ! L'avantage de la modification que je vous ai donnée dans functions_display.php, c'est que même si l'image ne pouvait être vue, son texte de remplacement affiche quand même le nom de la catégorie, ce qui fait que l'accessibilité des noms des catégories n'est pas compromise.

La preuve :


Bon peaufinage !

Remerciements spéciaux à Dakin Quelia et Elgobo pour m'avoir aidée à déboguer ma modification

-Edité par Morgyanne-
Motif: [2 juin 2011 - MàJ : Correction d'une imprécision au niveau de la modification de functions_display.php - Vérifiée avec l'auteur]

---

Tuto dupliqué.

Votre message a été verrouillé par un membre de l'équipe.

Motif: à archiver en cat graph.

---