La tambouille des râleuses
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le Deal du moment : -15%
(Adhérents) LEGO® Icons 10318 Le Concorde
Voir le deal
169.99 €

Aller en bas
Mäven
Mäven
Râleuse (Admin)
Informations : Très peu présente en ce moment Sad
----
Idea Viens papoter avec nous sur le discord

Messages : 4053
https://tambouille-raleuses.forumactif.com/

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

Ven 27 Déc 2019 - 16:42

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.
Ajouter l'url pour voir son profil dans la barre de navigation  Tuto_a10

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

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

Exclamation Ce tutoriel est compatible avec toutes les versions SAUF AwesomeBB

Initialisation du bouton

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 ! Smile
Tu vas dans ton panneau d'administration > Affichage > En-tête et Navigation > Ajouter un menu personnalisé :

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

Une petite modification de template

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

PhpBB2

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>

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

PhpBB3

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>

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

PunBB

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>
Exclamation N'oublies pas de publier ton template après l'avoir enregistré

Invision

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>
Exclamation N'oublies pas de publier ton template après l'avoir enregistré

ModernBB

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>
Exclamation N'oublies pas de publier ton template après l'avoir enregistré

Du javascript !


Eh oui, un peu de javascript sinon c'est pas drôle Wink
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 Smile

Revenir en haut
Permission de ce forum:
Vous pouvez répondre aux sujets dans ce forum
Les coups de ♥ des Râleuses

Post-It des Râleuses