NamelessMC

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

GarrettBerger

GarrettBerger

Member
Joined
01 Apr 2019
Topics
2
Posts
2
IGN
Garrettttt

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 · about 1 year ago · Last edited: about 1 year ago
Cyberium

Cyberium

Member
Joined
11 May 2019
Topics
0
Posts
1
IGN
Cyberium

No screeshot ?

Cyberium · about 1 year ago
enno123

enno123

Member
Joined
14 Apr 2020
Topics
1
Posts
4
IGN
enno123

removed.

enno123 · 8 months ago · Last edited: 8 months ago