- 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)...
Yes it is easy bro. I will post tutorial if @XenForo doesn't mindI like the was Xenforo has his own with the crown spinning etc...
View attachment 184
Regards,
Duppy
That would be awesome!Yes it is easy bro. I will post tutorial if @XenForo doesn't mind
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);
-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
}
.username--style3
Yep that's it.
- 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