-
⚠️ INFORMATION: SAFETY & SUPPORT Resources here are generally safe, but false positives may occur on Virustotal due to certain coding techniques. Exercise caution and test before use. To have unlimited downloads with no ads you can support us by Donating to the platform
XENFORO CUSTOMIZATION Animated username in Xenforo
- By Code Magic
- Tutorial
- 0 Replies
Tired of the default usernames in XenForo? Want to create something more unique like this?
To achieve this effect, navigate to the XenForo admin panel and go to "Group and Permissions" > "User Group."
Select the user group you want to apply this effect to.
Then, under "Username CSS," copy and paste the code below.
Click “Save”.
Now go to your forum and refresh the page to see the effects.
The crown icon won't appear by default. To add it, you'll need to modify the extra.less file.
Navigate to Appearance > Templates, search for the "extra.less" template, and insert the following code.
As in my case its .username–style2
Click “save” when done.
Now go to your forum and refresh the page to see the effects.
To achieve this effect, navigate to the XenForo admin panel and go to "Group and Permissions" > "User Group."
Select the user group you want to apply this effect to.
Then, under "Username CSS," copy and paste the code below.
Click “Save”.
Now go to your forum and refresh the page to see the effects.
The crown icon won't appear by default. To add it, you'll need to modify the extra.less file.
Navigate to Appearance > Templates, search for the "extra.less" template, and insert the following code.
CSS:
/* Registered Group settings Font Awesome */
.username--style2:before {
font-family: "Font Awesome 5 Pro";
content: "\f521";
color: inherit;
padding-right: 4px;
display: inline-block;
}As in my case its .username–style2
Click “save” when done.
Now go to your forum and refresh the page to see the effects.