[3.0] Ajouter un lien dans le menu du forum Facile

[3.0] Ajouter un lien dans le menu du forum

[Prosilver]


- Ajouter un lien dans le menu de votre forum

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:


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 --> &bull;
					<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
					<!-- ENDIF -->
					<!-- IF U_RESTORE_PERMISSIONS --> &bull;
					<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 --> &bull; <!-- 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.

@+ ;)

Avatar de l’utilisateur
Elglobo
Floodeur universel
Floodeur universel
 
Rédigé le: 13 Juin 2008 à 13:13
Articles: 7
Noter cet article: 123456 Votants: 1
Mots-clés: Ajouter, lien, menu, forum

Retourner vers Styles


cron