XF2 Template Mod Ultimate user name (Rainbow, sparkle and glow)

Th@nOs

Administrator
Staff member
Administrator
Moderator
Hello!
I created a small code to create an "epic" effect for the most important members of your forums or not. :happyblush:winkytongue:

I had some trouble with some items, but tried to provide something simple and clean!

TIPS: Be careful if you want to add colors for the rainbow code, my system uses a percentage mode, calculate your percentages correctly for each color to avoid bugs!
If you want to change the target group go to Admin CP> Users > User group > Group choice
Look at the URL and in this URL there will be the number of the group, you replace it in style3 by style4 for example ^^

Ready? Let's go!

Copy it to: EXTRA.CSS
CSS:
.username .style3 {
animation : style3 15s ease infinite;
                }
@keyframes style3 {
    0% {
        color : #d83b3b;
    }

    10% {
        color : #e3ed20;
    }

    20% {
        color : #20ed2d;
    }

    30% {
        color : #2082ed;
    }

    40% {
        color : #cd20ed;
    }

    50% {
        color : #20edbe;
    }

    60% {
        color : #cd20ed;
    }

    70% {
        color : #2082ed;
    }

    80% {
        color : #20ed2d;
    }

    90% {
        color : #e3ed20;
    }

    100% {
        color : #d83b3b;
    }
}


Copy it to: User group affected

CSS:
color: inherit;
font-size: 13px;
text-shadow: 0 0px 1px black, 0 0 1px red;
font-weight: bold;
background-image: url('https://i.imgur.com/Q5arH.gif');


Example with only User Group CSS (without Rainbow effect)

1607072822258.png
 
Last edited:
Top