Xenforo 2.1 How to put custom badge in members profile

[prvtzone]

How to add these badges just like i have added Contributor and Administrator?
Step 1. Go to Extra.less and put this code at the bottom.

.admin-badge {
background-image: url('https://YourWebsite.com/badges/admin.png');
background-repeat: no-repeat;
background-position: center top;
padding-top:42px;
text-align: center top;
}

Replace the background image url with the image url of your badge.

Step 2. Go to Usergroups > Administrative > Other, using custom CSS class name
Put this code

admin-badge

Done!!

 

[Paradox]

View attachment 13895 View attachment 13896

How to add these badges just like i have added Contributor and Administrator?
Step 1. Go to Extra.less and put this code at the bottom.

.admin-badge {
background-image: url('https://YourWebsite.com/badges/admin.png');
background-repeat: no-repeat;
background-position: center top;
padding-top:42px;
text-align: center top;
}

Replace the background image url with the image url of your badge.

Step 2. Go to Usergroups > Administrative > Other, using custom CSS class name
Put this code

admin-badge

Done!!

prvtzoneHow about background like on second inage

 

[prvtzone]

I am using addons to put covers on user profiles.
Here are some examples .

 

[Paradox]

Name of add-ons

 

[prvtzone]

[TH] Covers 1.0.2 Patch Level 2

 

[Paradox]

@prvtzone will it be seen in all parts

 

[prvtzone]

@Paradox
it will be seen in member tooltip and members profile. and users can also put covers on the threads.

 

[Paradox]

Can i see the output

 

[Verss]

lol wat this is really simple tutorial that there is already a tutorial like this

 

[Paradox]

It is working on 2.1.8 patch 2 ?

 

[Verss]

any version that is 2 will work

 

[Paradox]

@Verss hmmm how about custom badge do you have tut

 

[PCScrub]

Wow very useful i take alook at this when we install.