laurent68

Xenforo 2.x.x User Banner styler

  • Auteur de la discussion Auteur de la discussion laurent68
  • Date de début Date de début

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

Xenforo 2.x.x User Banner styler

  • Auteur de la discussion Auteur de la discussion laurent68
  • Date de début Date de début
Catégorie Catégorie Modifications Templates
Titre du sujet Titre du sujet User Banner styler
Auteur de la discussion Auteur de la discussion laurent68
Date de début Date de début
Réponses Réponses 11
Affichages Affichages 1 221
Réaction Réaction 29
Dernier message par Dernier message par mstm

laurent68

Fondateur

Staff
fondateur
Réputation: 100%
Discussions
4 855
Messages
12 608
Solutions
85
J'aime
7 890
Points
198
Dans votre template extra.less ajoutez ces codes :

[HIDEREPLYTHANKS]
Code:
[class*="banner_"], .userBanner {
    display: inline-block;
    font-family: Monaco,Consolas,"Courier New",monospace;
    line-height: 18px;
    margin: 4px 0 5px;
    font-size: 10px;
    color: #fff !important;
    text-shadow: #111 0 0 1px;
    border-radius: 50px;
    border-color: transparent !important;
    margin-bottom: 0px;
    padding: 4px 8px;
    letter-spacing: .5px;
    border: 0;
    border-left: 20px solid rgba(0, 0, 0, 0.41) !important;
    text-transform: uppercase;
    width: 120px;
}
.userBanner.userBanner--staff {
    background: #55667B !important;
}
.userBanner--staff:before {
    content: "\f005" !important;
}
.userBanner.banner_grafiker:before {
    content: "\f1fc";
}
.userBanner.banner_moderator:before {
    content: "\f2be";
}
.userBanner:before {
    font-family: FontAwesome;
    content: "\f007";
    color: #fff;
    position: absolute;
    margin-left: -22px;
    margin-top: 0;
}
.userBanner strong {
    min-width: 90px;
    display: inline-block;
}
.message {
    &:not(.message--forceColumns) {
        .message-userBanner.userBanner {
            text-align: center;
        }
    }
}
[/HIDEREPLYTHANKS]

Résultat : Screenshot

d5983ffe987f302d29ab779200adcc34.png
 
Contenu similaire Les plus vues Voir plus
Retour
Haut Bas