Ce tutoriel a pour but de vous expliquer la méthode pour ajouter un nouveau lien (vers votre site par exemple) dans le menu de votre forum.
- Ce qu'il faut savoir:
Un lien est constitué de deux éléments:
- L'URL de destination commençant par :
- Code: Tout sélectionner
U_
- Une variable langue commençant par :
- Code: Tout sélectionner
L_
Nous allons donc créer un modèle de lien avec ces éléments.
La page où nous voulons nous rendre s'appellera dans notre exemple accueil.php.
- Création du lien
Ouvrez /includes/functions.php
Trouvez :
- Code: Tout sélectionner
'U_FEED' => generate_board_url() . "/feed.$phpEx",
Ajoutez après :
- Code: Tout sélectionner
'U_ACCUEIL' => append_sid("{$phpbb_root_path}accueil.$phpEx"),
Si la page accueil.php est située en dehors du répertoire de votre forum, il faudra alors indiquer le chemin absolu vers ce fichier.
Prenons le cas, où la page en question est dans le répertoire site se trouvant un cran avant le répertoire du forum, notre ajout aurait donc été :
- Code: Tout sélectionner
'U_ACCUEIL' => append_sid("../site/accueil.$phpEx"),
Prenons le cas, où la page en question est dans le répertoire site se trouvant dans le répertoire du forum, notre ajout aurait donc été :
- Code: Tout sélectionner
'U_ACCUEIL' => append_sid("{$phpbb_root_path}site/accueil.$phpEx"),
- Création de l'entrée de langue qui s'affichera dans le menu
Ouvrez /language/fr/common.php
Trouvez :
- Code: Tout sélectionner
'ACCOUNT_ALREADY_ACTIVATED' => 'Votre compte est déjà activé.',
Ajoutez avant :
- Code: Tout sélectionner
'ACCUEIL' => 'Accueil du site',
- Mise en place du nouveau lien dans votre style
Avant de pouvoir mettre en place ce lien, nous allons avoir besoin de créer une classe CSS d'affichage icon-accueil dédiée à ce nouveau bouton.
Ouvrez /styles/{VOTRE_STYLE}/theme/button.css et cherchez:
- Code: Tout sélectionner
.sitehome, .icon-faq, .icon-members, .icon-home, .icon-ucp, .icon-register, .icon-logout, .icon-bookmark, .icon-bump, .icon-subscribe, .icon-unsubscribe, .icon-pages, .icon-search {
Dans la ligne trouvez:
- Code: Tout sélectionner
.sitehome, .icon-faq, .icon-members, .icon-home, .icon-ucp, .icon-register, .icon-logout, .icon-bookmark, .icon-bump, .icon-subscribe, .icon-unsubscribe, .icon-pages, .icon-search
Ajoutez après:
- Code: Tout sélectionner
, .icon-accueil
Si vous avez besoin de faire précéder votre lien d'une image particulière, comme c'est par exemple le cas, pour le lien "Panneau de l'utilisateur", effectuez en plus cette modification.
Ouvrez /styles/{VOTRE_STYLE}/theme/colour.css et cherchez:
- Code: Tout sélectionner
.icon-search { background-image: url("{T_THEME_PATH}/images/icon_search.gif"); }
Ajoutez après:
- Code: Tout sélectionner
.icon-accueil { background-image: url("{T_THEME_PATH}/images/icon_accueil.gif"); }
Remplacez évidemment icon_accueil.gif par l'image de votre choix.
Il faudra également avoir pris soin d'avoir placé votre image, dans mon cas icon_accueil.gif dans /styles/{VOTRE_STYLE}/theme/images/
Enfin, il ne reste plus qu'à ajouter le lien dans votre style. Pour cela, ouvrez styles/{VOTRE_STYLE}/template/overall_header.html
Trouver:
- Code: Tout sélectionner
<!-- IF not S_IS_BOT and S_USER_LOGGED_IN --> <ul class="linklist leftside"> <li class="icon-ucp"> <a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e">{L_PROFILE}</a> <!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF --> <!-- IF S_DISPLAY_SEARCH --> • <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> <!-- ENDIF --> <!-- IF U_RESTORE_PERMISSIONS --> • <a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a> <!-- ENDIF --> </li> </ul> <!-- ENDIF -->
Ajoutez avant :
- Code: Tout sélectionner
<ul class="linklist leftside"> <li class="icon-accueil"> <a href="{U_ACCUEIL}" title="{L_ACCUEIL}">{L_ACCUEIL}</a> <!-- IF not S_IS_BOT and S_USER_LOGGED_IN --> • <!-- ENDIF --> </li> </ul>
De cette manière, le lien en question sera placé juste en dessous du lien Index du forum aligné à gauche.
- Informations complémentaires
- Videz le cache de votre forum après avoir fait toutes les modifications indiquées et rafraichissez les éléments de votre style.
- Remplacez accueil par le nom de la page où vous souhaitez vous rendre en cliquant sur le lien.
- Si vous utilisez plusieurs langues sur votre forum n'oubliez pas de faire la modification pour chaque language.
- Si vous utilisez plusieurs styles sur votre forum n'oubliez pas de faire la modification pour chaque style.
- Les modifications données au dessus au niveau style ne sont valables que pour les styles basés sur Prosilver.
@+