S

XF 2 Questions & Aides Banner user

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
S

XF 2 Questions & Aides Banner user

Catégorie Catégorie Questions & Aides
Titre du sujet Titre du sujet Banner user
Auteur de la discussion Auteur de la discussion SnowwComeBack
Date de début Date de début
Réponses Réponses 11
Affichages Affichages 730
Réaction Réaction 0
Dernier message par Dernier message par MasterMan
S

SnowwComeBack

Membre

Membre
Réputation: 4%
Discussions
5
Messages
29
J'aime
1
Points
13
1 13 0 29
1685636287042.png
qui saurait comment faire pour ajouter une banner comme ceci svp ?
 
S
XF 2 Questions & Aides  Forumulaire
Footer Disable
XF 2 Questions & Aides  Footer Disable
Trier par date Trier par votes
Code: 
.userBannerImage(@groups, @image) {
    .userBanner {
        width: 150px;
        height: 46px;
        font-size: 0px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        border: none;
        &.userBanner--@{groups} {
            background-image: url('/styles/user-banner/@{image}.png');
        }
    }
}

.userBanner.userBanner--staff {
    background: transparent url('/styles/user-banner/staff.png') no-repeat center / cover;     
}
 

Pièces jointes

  • _image1_11.png
    _image1_11.png
    7.6 KB · Affichages: 25
Upvote 0
Pokschubin a dit:
Code: 
.userBannerImage(@groups, @image) {
    .userBanner {
        width: 150px;
        height: 46px;
        font-size: 0px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        border: none;
        &.userBanner--@{groups} {
            background-image: url('/styles/user-banner/@{image}.png');
        }
    }
}

.userBanner.userBanner--staff {
    background: transparent url('/styles/user-banner/staff.png') no-repeat center / cover;    
}
Cliquez pour agrandir...
dans le extra less ?
 
Upvote 0
As tu mis dans l extra.less du style par defaut , si ton style c est par exemple : dimension et bien tu mets dans l extra.less concernant le style .
 
Dernière édition:
Upvote 0
As tu une image a mettre ?
Dans quel groupe tu veux mettre une bannière ?

Si tu met le code a @Pokschubin il faut changer le lien url par le tiens.

background-image: url('/styles/user-banner/@{image}.png');
 
Upvote 0
Hello @Pokschubin,

tu ne peux pas utiliser ce code

Less: 
.userBannerImage(@groups, @image) {
    .userBanner {
        width: 150px;
        height: 46px;
        font-size: 0px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        border: none;
        &.userBanner--@{groups} {
            background-image: url('/styles/user-banner/@{image}.png');
        }
    }
}

.userBanner.userBanner--staff {
    background: transparent url('/styles/user-banner/staff.png') no-repeat center / cover;     
}

Sur ces lignes
.userBannerImage(@groups, @image)
&.userBanner--@{groups} {
background-image: url('/styles/user-banner/@{image}.png');

On utilise des variables pour remplacer le groupe et l'image.
Mais je ne vois pas comment on peut faire ceci, sans passer par un add-on.
 
Upvote 0
Ajoutez d'autres bannières comme celle-ci :
Less: 
.userBannerImage(admin, admin);

Où le premier admin est le nom du groupe (arbitraire), le second, admin, est le nom de l'image de la bannière sans permission (tout est en png).
Dans les paramètres du groupe, dans votre classe CSS, écrivez :
Less: 
userBanner--admin
[automerge]1685759026[/automerge]
.
 

Pièces jointes

Upvote 0
Tout ça ne fonctionnera pas, la class .userBannerImage n'est pas native sur xenforo (Elle n'apparait pas dans les templates d'origine de xenforo).

En ce qui concerne les groupes, ils sont traité par ID et non par le nom.
 
Upvote 0
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
1
Visiteurs en ligne
293
Total de visiteurs
294
Nombre total incluant les visiteurs cachés.

Partager cette page

Restez connecté

Retour
Haut Bas