Ajouter l'url pour voir son profil dans la barre de navigation

Bonjour !

Aujourd'hui, nous allons voir comment ajouter le lien du profil du membre connecté dans la barre de navigation.

Il me semble que ce tutoriel a été demandé il y a bien longtemps par @MmeFeuillage

Pré-requis :
> Avoir accès au panneau d'admin et aux templates
> Ne pas avoir peur du javascript

Ce tutoriel est compatible avec toutes les versions SAUF AwesomeBB


On va commencer par installer le bouton dans la barre de navigation. Ici, qu'il y ait une image importe peu, c'est ton choix !
Tu vas dans ton panneau d'administration > Affichage > En-tête et Navigation > Ajouter un menu personnalisé :

Spoiler:

Tu remplis les champs comme tu le souhaite, sauf le champ URL dans lequel il faut bien mettre "/u"
Ne l'affiche pas aux invités, ça enverrai vers une page d'erreur


Ici, tu vas avoir une petite modification du template "Overall_header", qui change selon la version de ton forum.
Dans ton panneau d'administration > Affichage > Templates > Général > Overall_header


Ici tu dois trouver ceci :

Code:

<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>

Et le remplacer par ceci :

Code:

<td id="navBarre" align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>

N'oublies pas de publier ton template après l'avoir enregistré


Ici tu dois remplacer ceci :

Code:

<ul class="linklist navlinks{NAVBAR_BORDERLESS}">
 <li>{GENERATED_NAV_BAR}</li>
 </ul>

Par ceci :

Code:

<ul id="navBarre" class="linklist navlinks{NAVBAR_BORDERLESS}">
 <li>{GENERATED_NAV_BAR}</li>
 </ul>

N'oublies pas de publier ton template après l'avoir enregistré


Ici, il faut remplacer ceci :

Code:

<ul class="clearfix">
 <li>{GENERATED_NAV_BAR}</li>
 </ul>

Par ceci :

Code:

<ul id="navBarre" class="clearfix">
 <li>{GENERATED_NAV_BAR}</li>
 </ul>

N'oublies pas de publier ton template après l'avoir enregistré


Ici tu dois remplacer ceci :

Code:

<ul>
 <li class="clearfix">{GENERATED_NAV_BAR}</li>
 </ul>

Par ceci :

Code:

<ul id="navBarre">
 <li class="clearfix">{GENERATED_NAV_BAR}</li>
 </ul>

N'oublies pas de publier ton template après l'avoir enregistré


Ici tu dois remplacer :

Code:

<ul class="navbar navlinks{NAVBAR_BORDERLESS}">
 <li>{GENERATED_NAV_BAR}</li>
 </ul>

par :

Code:

<ul id="navBarre" class="navbar navlinks{NAVBAR_BORDERLESS}">
 <li>{GENERATED_NAV_BAR}</li>
 </ul>

N'oublies pas de publier ton template après l'avoir enregistré



Eh oui, un peu de javascript sinon c'est pas drôle
Dans Modules > Gestions des codes javascript > Créer un nouveau javascript
Ici tu règles comme ceci (placement : sur toutes les pages) :

Spoiler:

Et voilà le code :

Code:

$(function(){
 var idUser = _userdata.user_id ;
 $('#navBarre a.mainmenu[href="/u"]').attr('href', '/u'+ idUser +'');
});

Tu enregistres, et voilà : c'est terminé !

A présent, le lien de la barre de navigation ramène bien sur le profil du membre connecté !
Si tu as la moindre question, n'hésite pas à la poser