XF tips How to make very simple animated rainbow user banner

xenforo

Well-known member
Staff member
Administrator
Moderator
Premium
Mar 18, 2019
668
3,225
So in this very simple tutorial, I want to show how to make very simple animated rainbow user banner for XF2.
1. Go to core_labels.less
2. Past this code below.

CSS:
&.label--rainbow {
    color: white;
    background-image: url(https://i.pinimg.com/originals/e5/89/95/e5899572ecace2b0895b36db7703a001.gif);
    border-radius: 30px;
    border: 1px solid #0000ffff;
    text-shadow: 1px 1px 6px #000000;
    }

3. Go to User groups
4. Press in User banner styling, Other, using custom CSS class name, paste this code below.

Code:
label label--rainbow

5. You have it
Preview of this banner

1633361262484.png
 
UI.X Custom Dark BETA - By Senpai