[phpBB 3.2.x] Créer un menu déroulant

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

[phpBB 3.2.x] Créer un menu déroulant

Message par Dakin Quelia »

» Créer un menu déroulant
A l'aide de cette documentation, vous allez pouvoir ajouter un nouveau menu déroulant sur votre forum. Il peut être utile de créer son propre menu avec ses liens et de les ajuster facilement sans devoir chercher où l'on a effectué les modifications.

Note(s) :

Pour les icônes utilisées dans le menu, je vous invite à lire cette documentation.
» 1. Créer le fichier template

Tout d'abord, nous allons créer un fichier template pour notre menu. Pourquoi? Si par la suite, vous souhaitez modifier le menu sans altérer le fichier de base du style, vous pouvez le faire plus simplement dans ce fichier.

Créons donc un fichier que l'on va nommer « mon_menu.html » que vous placerez dans le dossier « styles/{VOTRE_THEME}/template/ ».

Code : Tout sélectionner

		<!-- Début Nouveau Menu -->
		<li class="dropdown-container responsive-menu" data-last-responsive="true">
			<a href="#" class="dropdown-trigger"><i class="icon fa-cog fa-fw" aria-hidden="true"></i><span>Mon nouveau menu</span></a>
			<div class="dropdown">
				<div class="pointer"><div class="pointer-inner"></div></div>
				<ul class="dropdown-contents" role="menu">
					<li>
						<a href="#" title="Mon lien" role="menuitem">
							<i class="icon fa-cogs fa-fw" aria-hidden="true"></i><span>Mon lien</span>
						</a>
					</li>
					<!-- Séparation -->
					<li class="separator"></li>
					<!-- IF U_ACP -->
					<li>
						<a href="#" title="Mon lien" role="menuitem">
							<i class="icon fa-cogs fa-fw" aria-hidden="true"></i><span>Mon lien pour l'administrateur</span>
						</a>
					</li>
					<!-- ENDIF -->
					<!-- IF U_MCP -->
					<li>
						<a href="#" title="Mon lien" role="menuitem">
							<i class="icon fa-gavel fa-fw" aria-hidden="true"></i><span>Mon lien pour le modérateur/administrateur</span>
						</a>
					</li>
					<!-- ENDIF -->
				</ul>
			</div>
		</li>
		<!-- Fin Nouveau Menu -->
»2. Modifier le fichier template en-tête du forum

Pour ce faire, ouvrez le fichier « styles/{VOTRE_THEME}/template/navbar_header.html » et suivez l'instruction suivante.

Cherchez :

Code : Tout sélectionner

		<!-- IF U_MCP -->
			<li data-last-responsive="true">
				<a href="{U_MCP}" title="{L_MCP}" role="menuitem">
					<i class="icon fa-gavel fa-fw" aria-hidden="true"></i><span>{L_MCP_SHORT}</span>
				</a>
			</li>
		<!-- ENDIF -->
Après, ajoutez :

Code : Tout sélectionner

		
		<!-- INCLUDE mon_menu.html -->
		
»3. Vider le cache

LA dernière étape et non pas des moindres, il faut vider le cache du forum via le panneau d'administration et ce, afin que les modifications soient prises en compte sur votre forum.

»4. Le résultat

Une fois terminé, cela devrait donner quelque chose ressemblant à ceci :
menu-deroulant.png

Verrouillé

Qui est en ligne

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