Image Preview:
![[Tutorial] Stylish Rank Name Style10](https://i.servimg.com/u/f58/18/59/95/31/style10.png)
File name: Stylish Rank Name
Functionality: All Version
Go to your
Administration Panel → Display → Pictures & Colors → CSS
then Copypaste this
- Code:
.admin {
background-color: #C75757;
background-image: linear-gradient(#C75757, #B15353);
border: 1px solid #7C3838;
border-radius: 2px;
color: rgb(255, 255, 255) !important;
display: inline-block;
font-family: "PT Sans";
font-size: 13px;
font-style: normal !important;
font-variant: small-caps;
font-weight: 700;
padding: 6px 8px;
text-align: center;
text-decoration: none !important;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.54);
}
.mod {
background-color: #009980;
background-image: linear-gradient(#02A389, #027764);
border: 1px solid #016B5A;
border-radius: 2px;
color: rgb(255, 255, 255) !important;
font-family: "PT Sans";
font-size: 13px;
font-style: normal !important;
font-variant: small-caps;
font-weight: 700;
padding: 6px 8px;
text-align: center;
text-decoration: none !important;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.54);
}
.mem {
background-color: #999999;
background-image: linear-gradient(#999999, #343434);
border: 1px solid #343434;
border-radius: 2px;
color: rgb(255, 255, 255) !important;
font-family: "PT Sans";
font-size: 13px;
font-style: normal !important;
font-variant: small-caps;
font-weight: 700;
padding: 6px 8px;
text-align: center;
text-decoration: none !important;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.54);
}
Then Click
![[Tutorial] Stylish Rank Name 2629400432](https://2img.net/u/2316/75/50/80/smiles/2629400432.png)
after that , go to your
Administration Panel → Usergroups → Ranks → Ranks Administration
Create new Rank
- Code:
<span class="admin">Administrator</span> */*For Admin */*
<span class="mod">Moderator</span> */*For Mod*/*
<span class="mem">Member</span> */*For Member*/*
Tutuorial Credits © Social Academy