XenForo How to make very simple animated rainbow user banner

[SAG3X]

Doesnt work

It actually ruined my name color

 

[SAG3X]

image hosted at ImgBB

Image image hosted in ImgBB

ibb.co

 

[kutaz]

It actually ruined my name color

U did it in wrong way I guess.

 

[kutaz]

image hosted at ImgBB

Image image hosted in ImgBB

ibb.co

Yes, for this u have to make border, so make it. Border 1px, but transparent

 

[MrCazper]

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.

&.label--rainbow {
    color: white;
    background-image: url(https://i.pinimg.com/originals/e5/89/95/e5899572ecace2b0895b36db7703a001.gif);
    border-radius: 30px;
    border: 0px solid white;
    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.

label label--rainbow

5. You have it
Preview of this banner.

https://imgur.com/fgHp3o4

It's the first time I've managed to do something like that, it's great.

Thank you very much, it is not much but to be my first time for me it is very big

Thank you!