Fancy and Animated username in Xenforo?

Famhawite Infosys

Administrator
F
Staff member
Joined
Apr 23, 2024
Messages
8
Reaction score
3
Ok, now i'll show you How to change your username in your xenforo forum like fancy username.
as we can see below, we will make it different and movable,

Screenshot (4).png
Look carefully at what we have said and follow our instructions, today we will going to use xnforo tutorial here.

Now go to AdminCp and click Groups & Permissions and select User Groups > Administrative > Add below css to > username css :

CSS:

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

add the following code to 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
}

Voila! now as you can see in screenshot above your username is change to fancy username + animated when click, if need please change

Code:

.username--style3

to your username group ID mine is .username--style3.
if you don't understand or face prob feel to to ask here.
 
Back
Top