Support Fancy usernames

[duppy]

@XenForo - How do you get your username to look like that? I tried an addon XenForo Tips - Rainbow User Titles (Super Smooth Animation), but it doesn't look like your username.

Regards,

Duppy

 

[duppy]

Like this one ? I will make tutorial today. No need for plugins brother unless looking for something very extended.

I like the was Xenforo has his own with the crown spinning etc...




Regards,

Duppy

 

[Marks-Man]

I like the was Xenforo has his own with the crown spinning etc...

View attachment 184


Regards,

Duppy

Yes it is easy bro. I will post tutorial if @XenForo doesn't mind

 

[duppy]

Yes it is easy bro. I will post tutorial if @XenForo doesn't mind

That would be awesome!

 

[XenForo]

I like the was Xenforo has his own with the crown spinning etc..

• admin.php?user-groups/
• admin.php?user-groups/administrative.3/edit
• CSS

text-shadow: violet 1px 1px 10px;
color: red;
background: url('https://xnforo.ir/16066101745881.gif');

• Extra.less

.username--style3:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f521";
    padding-right: 1px;
    display: inline-block;
}
.username--style3:hover:before{
display:inline-block;
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transition:all 0.8s;
-webkit-transition:all 0.8s;
-moz-transition:all 0.8s;
-ms-transition:all 0.8s;
-o-transition:all 0.8s
}

• In the following code

.username--style3

By changing the number 3 to the ID number of your user group, you can create all groups

 

[Marks-Man]

• admin.php?user-groups/
• admin.php?user-groups/administrative.3/edit
• CSS

text-shadow: violet 1px 1px 10px;
color: red;
background: url('https://xnforo.ir/16066101745881.gif');

• Extra.less

.username--style3:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f521";
    padding-right: 1px;
    display: inline-block;
}
.username--style3:hover:before{
display:inline-block;
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transition:all 0.8s;
-webkit-transition:all 0.8s;
-moz-transition:all 0.8s;
-ms-transition:all 0.8s;
-o-transition:all 0.8s
}

• In the following code

.username--style3

By changing the number 3 to the ID number of your user group, you can create all groups

Yep that's it.