Xenforo 2.1 Afiş (Banner-Rank)

[ENXF NET]

ENXF NET submitted a new resource:

Afiş (Banner-Rank) - Stylish poster design

1) Add the following code to the extra.less template.

/* Afiş genel kodları */
[class*='trgamersafis_'] {font-family:'Play';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 20px 2px 15px;user-select: none;color: #FFFFFF;font-size: 11px;font-weight: normal;}
[class*='trgamersafis_'] strong:before {font-family:Font Awesome\ 5 Pro,Font Awesome\ 5 Brands;background: rgba(0...

Read more about this resource...

 

[XenFrodo]

Could someone explain to me how to remove the userbar background and change from "pastel" colors rather to strong neon colors (only Outline Style) and also change the size of the userbar and then also the text

slightly modified code

/* Banner generic codes */
[class*='UserBanners_'] {font-family:'Play';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 20px 2px 15px;user-select: none;color: #FFFFFF;font-size: 11px;font-weight: normal;}
[class*='UserBanners_'] strong:before {font-family:Font Awesome\ 5 Pro,Font Awesome\ 5 Brands;background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;position: absolute;top: 0;bottom: 0;left: 0;padding: 2px 4px 0px 4px;min-width: 15px;font-size: 100%;text-align: center;}
[class*='UserBanners_'] strong {margin-left: 15px;}


/* Banner codes */

/* Founder */
.UserBanners_00 {background: #FF0023;border-color: #8e0909;box-shadow: 0 0 15px #8e0909, inset 0 0 20px white;}.UserBanners_00 strong:before {content: "\f27e";}

/* Administrator */
.UserBanners_01 {background: #1C86EE;border-color: #1C86EE;box-shadow: 0 0 15px #1C86EE, inset 0 0 20px white;}.UserBanners_01 strong:before {content: "\f132";}

/* Admin Assistant */
.UserBanners_02 {background: #176093;border-color: #176093;box-shadow: 0 0 15px #176093, inset 0 0 20px white;}.UserBanners_02 strong:before {content: "\f132";}

/* Supervisor */
.UserBanners_03 {background: #14bd61;border-color: #14bd61;box-shadow: 0 0 15px #14bd61, inset 0 0 20px white;}.UserBanners_03 strong:before {content: "\f0e7";}

/* Supervisor Assistant */
.UserBanners_04 {background: #17713c;border-color: #17713c;box-shadow: 0 0 15px #17713c, inset 0 0 20px white;}.UserBanners_04 strong:before {content: "\f0e7";}

/* Customer */
.UserBanners_05 {background: #8F343A;border-color: #8F343A;box-shadow: 0 0 15px #8F343A, inset 0 0 20px white;}.UserBanners_05 strong:before {content: "\f3d1";}

/* Subscriber */
.UserBanners_06 {background: #4ca79b;border-color: #4ca79b;box-shadow: 0 0 15px #4ca79b, inset 0 0 20px white;}.UserBanners_06 strong:before {content: "\f5b9";}

/* Sponsor */
.UserBanners_07 {background: #8E44AD;border-color: #8E44AD;box-shadow: 0 0 15px #8E44AD, inset 0 0 20px white;}.UserBanners_07 strong:before {content: "\f2b5";}

/* Verified Member */
.UserBanners_08 {background: #F5780D;border-color: #F5780D;box-shadow: 0 0 15px #F5780D, inset 0 0 20px white;}.UserBanners_08 strong:before {content: "\f4fc";}

/* Registered Member */
.UserBanners_09 {background: #CF4D35;border-color: #CF4D35;box-shadow: 0 0 15px #CF4D35, inset 0 0 20px white;}.UserBanners_09 strong:before {content: "\f007";}

/* Visitor */
.UserBanners_10 {background: #000000;border-color: #000000;box-shadow: 0 0 15px #000000, inset 0 0 20px white;}.UserBanners_10 strong:before {content: "\f235";}

/* Banned Member */
.UserBanners_11 {background: #202020;border-color: #202020;box-shadow: 0 0 15px #202020, inset 0 0 20px white;}.UserBanners_11 strong:before {content: "\f06e";}

thanks in advance