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]

I managed to get it working a bit. It does glow in pink, but it does not have that crown (f521) showing. I have no clue why it is not recognizing the Font Awesome icon.

EDIT: I got it to work, finally. I screwed up with the CSS file. You guys are the best!

 

[Misterman]

I managed to get it working a bit. It does glow in pink, but it does not have that crown (f521) showing. I have no clue why it is not recognizing the Font Awesome icon.

EDIT: I got it to work, finally. I screwed up with the CSS file. You guys are the best!

On UIX styles in the style properties you must select the Fontawesome icon.
style properties/icon

 

[duppy]

On UIX styles in the style properties you must select the Fontawesome icon.
style properties/icon

I was only using the "default style" on a local test site, but thanks for letting me know that so when I do install that style, I will know what to look for.

Duppy

 

[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

@unph

 

[chrollo]

• 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

how to change/custom the icon?