XF 2 Questions & Aides Banner user

[SnowwComeBack]

qui saurait comment faire pour ajouter une banner comme ceci svp ?

 

S

XF 2 Questions & Aides  Forumulaire

XF 2 Questions & Aides  Footer Disable

[Pokschubin]

.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;     
}

 

[SnowwComeBack]

.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;    
}

dans le extra less ?

 

[Pokschubin]

dans le extra less ?

+

 

[SnowwComeBack]

+

sa marche pas ?

 

[Pokschubin]

sa marche pas ?

 

[Kaareth]

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 .

 

[laurent68]

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');

 

[laurent68]

@Pokschubin je vois sur le screen que tu as mis le code que je t'avais donner : #Konu_istatistikleri .grid

 

[MasterMan]

Hello @Pokschubin,

tu ne peux pas utiliser ce 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;     
}

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.

 

[Pokschubin]

Ajoutez d'autres bannières comme celle-ci :

.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 :

userBanner--admin

Publication fusionnée automatiquement : 3 Juin 2023

.

 

[MasterMan]

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.