- Thread starter
- #1
@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
Regards,
Duppy
I like the was Xenforo has his own with the crown spinning etc..
text-shadow: violet 1px 1px 10px;
color: red;
background: url('https://xnforo.ir/16066101745881.gif');
.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)...
On UIX styles in the style properties you must select the Fontawesome icon.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!
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.On UIX styles in the style properties you must select the Fontawesome icon.
style properties/icon
@unph
- admin.php?user-groups/
- admin.php?user-groups/administrative.3/edit
- CSS
CSS:text-shadow: violet 1px 1px 10px; color: red; background: url('https://xnforo.ir/16066101745881.gif');
- Extra.less
CSS:.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
By changing the number 3 to the ID number of your user group, you can create all groupsCode:.username--style3
how to change/custom the icon?
- admin.php?user-groups/
- admin.php?user-groups/administrative.3/edit
- CSS
CSS:text-shadow: violet 1px 1px 10px; color: red; background: url('https://xnforo.ir/16066101745881.gif');
- Extra.less
CSS:.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
By changing the number 3 to the ID number of your user group, you can create all groupsCode:.username--style3