xF2 Template Modification Styler Prefix

[soner]

soner submitted a new resource:

Styler Prefix - I took as an example the yellow prefix of xenforo. You can Alternate Name, using the custom CSS clas

In your extra.less template add these codes:

[class*='label label--yellow']
{ font-family:'Exo';border-left: 3px solid rgba(0, 0, 0, 0.2);margin-top: 3px;text-align: center;height: 20px;
line-height: 15px;position: relative;max-width: 180px;padding: 2px 33px 2px 27px;user-select: none;
color: #FFFFFF;font-size: 11px;font-weight: normal;-webkit-clip-path: polygon(20% 1%, 90% 0, 80% 100%, 10% 100%);
clip-path: polygon(20% 1%, 90% 0, 80% 100%, 10% 100%);
}
[class*='label...

Read more about this resource...

 

[Thanos Crax]

Didn't work for me bro

Theme: Fury-Dark
Xenforo 2.2.5

 

[BattleKing]

It is working as well with 2.2.6

To change the user banner, you need to define it like this:

[class*='userBanner userBanner--yellow']
{ font-family:'Exo';border-left: 3px solid rgba(0, 0, 0, 0.2);margin-top: 3px;text-align: center;height: 20px;
line-height: 15px;position: relative;max-width: 180px;padding: 2px 33px 2px 27px;user-select: none;
color: #FFFFFF;font-size: 11px;font-weight: normal;-webkit-clip-path: polygon(20% 1%, 90% 0, 80% 100%, 10% 100%);
clip-path: polygon(20% 1%, 90% 0, 80% 100%, 10% 100%);
}
[class*='userBanner userBanner--yellow']:before{ font-family:"FontAwesome";margin-right:3px;font-size:11px;padding:0
}
.userBanner.userBanner--yellow { background: rgb(237, 0, 0);border-color: #8e0909;box-shadow: 0 0 15px #8e0909, inset 0 0 20px white;
}
.userBanner.userBanner--yellow:before {content:"\f0a1"}

 

[soner]

my code add this font-family: 'Font Awesome 5 Pro';

 

[BattleKing]

my code add this font-family: 'Font Awesome 5 Pro';

sonerIt is ok, they just meant that it is not working in detail, but it works as described.

 

[UNKNOWN PH]

How about your username how to make animated username

 

[UNKNOWN PH]

I like the color or animated username in laurent68 you gave in picture