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

laurent68

Fondateur

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

Pour consulter le contenu, vous devez : Se connecter ou S'inscrire.

Et remplacer par ce code :

Pour consulter le contenu, vous devez : Se connecter ou S'inscrire.

Dans votre template extra.less ajouter :

Pour consulter le contenu, vous devez : Se connecter ou S'inscrire.

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

70650e797b3e762f66724a128247eeaa.png


Résultat :
e087930194d6011902d3e6bcd5ed0ac0.png
 
laurent68
XF 2.2  Supprimer la superposition des boutons dans recherche
Prefix Description Styling 1.0.0
XF 2.2  Prefix Description Styling 1.0.0
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 :
www.societyfrenchmodding.net

XF 2.2 - Ajouter le titre utilisateur dans le p-navgroup

Dans votre template PAGE_CONTAINER chercher : Contenu caché Et remplacer par ce code : Contenu caché Dans votre template extra.less ajouter : Contenu caché Vous avez deux le même code, changer seulement le deuxième. Résultat :
www.societyfrenchmodding.net www.societyfrenchmodding.net

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.
 
Vous devez vous connecter
ou vous inscrire pour répondre ici.
Contenu similaire Les plus vues Voir plus

À propos de nous

Societyfrenchmodding est une communauté Francophone de libres discussions à propos des jeux, xenforo, modding et actualités ...etc

Statistiques en ligne

Membres en ligne
0
Visiteurs en ligne
43
Total de visiteurs
43
Nombre total incluant les visiteurs cachés.

Partager cette page

Restez connecté

Retour
Haut Bas