NamelessMC

Internet Explorer

Internet Explorer is not supported. Please upgrade to a more modern browser.

Easy custom badges with v2 and DefaultRevamp
Started by CRUGG

CRUGG

CRUGG

Member
Joined
11 Feb 2018
Last Seen
09 May 2019
Topics
6
Posts
13

Hey there. This will be a quick tutorial on how to make custom badges with the DefaultRevamp Theme in v2-pre6. I can not guarantee this to work with other themes/version.

First of all you have to navigate to /YourForumDirectory/custom/templates/DefaultRevamp/css/custom.css and open it with a text editor. The following does definitely work in the integrated WinSCP Text Editor, Notepad++ & Atom. Can't guarantee that for other text editors though. Press CTRL+F which should open a Search Window where you'll now search for ".badge-danger" and press Enter. You should now find and copy the following snippet of the CSS and paste it again below it:

.badge-danger {
	color: #fff;
	background-color: #dc3545;
}


a.badge-danger:hover, a.badge-danger:focus {
	color: #fff;
	background-color: #bd2130;
}

Once you copied this and pasted the exact same below, just edit the "background-color" for both to your color. You can also edit the text color if you want to. Now edit the "danger" in the text you pasted to something else. For example "owner". When you're finished, everything should look like this:

.badge-danger {
	color: #fff;
	background-color: #dc3545;
}


a.badge-danger:hover, a.badge-danger:focus {
	color: #fff;
	background-color: #bd2130;
}

.badge-owner {
	color: #fff;
	background-color: #AA0000;
}


a.badge-owner:hover, a.badge-owner:focus {
	color: #fff;
	background-color: #AA0000;
}

Now you only have to add the following HTML as the Group HTML in the group settings:

< span class="badge badge-owner" >Owner< /span >

without the spaces after and before the "<"s and ">"s. I just added them, as otherwise the forum would parse the HTML

x5
CRUGG · over 4 years ago · Last edited: over 4 years ago
Fjuro

Fjuro

Support
Joined
02 Jan 2020
Last Seen
08 Mar 2024
Topics
0
Posts
18

Thank you!

Fjuro · over 4 years ago
enno123

enno123

Member
Joined
14 Apr 2020
Last Seen
23 Mar 2024
Topics
1
Posts
7

👍

enno123 · over 4 years ago · Last edited: over 4 years ago
Gamil

Gamil

Member
Joined
01 Sep 2020
Last Seen
07 Sep 2022
Topics
0
Posts
1

Doesn't work?

 

EDIT ~ Figured it out, thanks!

x1
Gamil · over 3 years ago · Last edited: over 3 years ago
owlmanMC

owlmanMC

Member
Joined
18 Dec 2020
Last Seen
15 May 2022
Topics
0
Posts
1

Edit: figured it out useing another method 

It dose not work. 

when I add the < span class="badge badge-owner" >Owner< /span >  without the spaces its just grey. the colors dont work

owlmanMC · over 3 years ago · Last edited: over 3 years ago