laurent68

XF 2.2 Ajouter le titre utilisateur dans le p-navgroup

Add-on xenforo 2

Ressources et modules complémentaires pour XenForo 2

Styles xenforo 2

Styles / Thèmes et apparence pour xenforo 2

Templates xenforo 2

Codes pour modifier les templates sur xenforo 2

Section Premium

Add-on et Styles pour membre Premium
laurent68

XF 2.2 Ajouter le titre utilisateur dans le p-navgroup

Catégorie Catégorie Modifications Templates
Titre du sujet Titre du sujet Ajouter le titre utilisateur dans le p-navgroup
Auteur de la discussion Auteur de la discussion laurent68
Date de début Date de début
Réponses Réponses 20
Affichages Affichages 955
Réaction Réaction 5
Dernier message par Dernier message par adrin

laurent68

Fondateur

Staff
fondateur
Réputation: 100%
Discussions
4 855
Messages
12 610
Solutions
85
J'aime
7 896
Points
198
Dans votre template PAGE_CONTAINER chercher :


Et remplacer par ce code :


Dans votre template extra.less ajouter :


Vous avez deux le même code, changer seulement le deuxième.

70650e797b3e762f66724a128247eeaa.png


Résultat :
e087930194d6011902d3e6bcd5ed0ac0.png
 
Ouah!!! C'est intéressant. Je ne pensais pas que c'était possible.
[automerge]1675207136[/automerge]
Ce n'est pas un très bon code, il casse la couleur du surnom dans la navigation.
 
Dernière édition:
Avant et après.
 

Pièces jointes

  • Снимок экрана от 2023-02-01 23-10-37.png
    Снимок экрана от 2023-02-01 23-10-37.png
    5.9 KB · Affichages: 34
  • Снимок экрана от 2023-02-01 23-09-34.png
    Снимок экрана от 2023-02-01 23-09-34.png
    4.7 KB · Affichages: 33
Merci @laurent68,

juste pour faire un test.
[automerge]1675357491[/automerge]
Effectivement @Pokschubin,

voici la solution de ton problème

Dans votre template PAGE_CONTAINER chercher :

[HIDEREPLYTHANKS]
HTML:
<span class="p-navgroup-linkText">{$xf.visitor.username}</span>
[/HIDEREPLYTHANKS]

Et remplacer par ce code :

[HIDEREPLYTHANKS]
HTML:
<span class="p-navgroup-linkText">{$xf.visitor.username}</span><xf:usertitle user="$xf.visitor" />
[/HIDEREPLYTHANKS]

Dans votre template extra.less ajouter :

[HIDEREPLYTHANKS]
Less:
.p-navgroup-link.p-navgroup-link--user {
    .username,.userTitle {
        display: block;
        font-size: 11px;
        font-weight: 300;
        opacity: 0.85;
    }
}
[/HIDEREPLYTHANKS]

51in.png


ATTENTION, cela va augmenter la hauteur du navbar.
 
Dernière édition:
Si tu as mis le code couleur dans ton pseudo ici :

Remplace ton code par ce code :

Code:
<span class="p-navgroup-linkText username--style{$xf.visitor.display_style_group_id}">{$xf.visitor.username}<span><xf:usertitle user="$xf.visitor" /></span></span>

Dans extra.less remplace par ce code :

Less:
.p-navgroup-link.p-navgroup-link--user .p-navgroup-linkText .userTitle {
    display: block;
    font-size: 12px;
    font-weight: 300;
    color: orange;
}

Résultat : Screenshot
 
Sinon teste celui la :

Code:
<span class="p-navgroup-linkText username--style{$xf.visitor.display_style_group_id}">{$xf.visitor.username}</span><spam><xf:usertitle user="$xf.visitor" ></xf:usertitle></spam>

Code:
.p-navgroup-link.p-navgroup-link--user {
    .userTitle {
        display: block;
        font-size: 11px;
        font-weight: 300;
        color : orange;
    }
}

Mais sa augmente toujours la hauteur du Navbar
 
Nettement mieux comme ça.

8yxk.png


Et pour ceux qui utilisent déjà du css dans leur titre, la couleur indiqué dans cette modification ne passera pas.
 
Contenu similaire Les plus vues Voir plus
Retour
Haut Bas