NamelessMC

Internet Explorer

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

[Snippet] Custom Badges (Like Boostrap)
Started by GarrettBerger

GarrettBerger

GarrettBerger

Member
Joined
01 Apr 2019
Last Seen
08 Apr 2019
Topics
2
Posts
2

As most of you have noticed Nameless Forums use Boostrap CSS for rank badges.
Here is a quick snippet to create your own custom badges for you usergroups.

Add this into your themes Custom.css

CSS

.label {
  color: white;
  border-radius: 10%;
  font-weight: bold;
  font-size: 12px;
  padding: 5px;
  font-family: Arial;
}

.name {background-color: #07F3CC;}

 

usage:

< span class="label name">Rank Text < /span>

 

To add more just copy the "name" code and add more ranks and color options.

GarrettBerger · over 5 years ago · Last edited: over 5 years ago
Cyberium

Cyberium

Member
Joined
11 May 2019
Last Seen
28 Mar 2024
Topics
0
Posts
1

No screeshot ?

Cyberium · over 4 years ago
enno123

enno123

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

removed.

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