wondering Rank CSS

Offline

Valued Member
#1
Hey, I was wondering How do I add this to postbit I will be using this theme soon once its out but I always struggled on installing Rank CSS
is there a way to add a Rank CSS on Mybb? I followed the archive Tut but nothing really works I would see a new tut on it.

https://prnt.sc/jb0bv0
Offline

Admin
#2
Hi mate, this is actually really simple, however you have to sacrifice the "usertitle" field, make sure users can't change their usertitle. Are you using font-awesome?

Here is the CSS setup I have here:
Code:
.grouptag {
text-transform: uppercase;
display: inline-block;
font-size: 0.7em;
background: #efefef;
padding: 3px 5px;
border-radius: 3px;
border: 1px solid #d4d4d4;
font-weight: 800;
letter-spacing: 0.5px;
}
.grouptag.Unregistered::before {font-family: "Font Awesome 5 Free"; font-weight: 600; content: "\f00d";}
.grouptag.Admin::before {font-family: "Font Awesome 5 Free"; font-weight: 600; content: "\f085";}
.grouptag.Moderator::before {font-family: "Font Awesome 5 Free"; font-weight: 600; content: "\f0e3";}
.grouptag.Client::before {font-family: "Font Awesome 5 Free"; font-weight: 600; content: "\f4b9";}
.grouptag.Registered::before {font-family: "Font Awesome 5 Free"; font-weight: 600; content: "\f007";}
.grouptag.Admin {
border:1px solid #2f97ef;
background:#2f97ef;
color:#fff;
}

The .grouptag.Registered is case sensitive! So make sure if the usertitle for the group registered is "MeMbEr" the class would be .grouptag.MeMbEr
Make sure to create a class for each group you have or it will default to the "Grouptag" class. To change the Font-Awesome icons, change the unicode content: "\f007";

The html to put in your postbit template is as follows:
Code:
<span class="grouptag {$post['usertitle']}">&nbsp; {$post['usertitle']}</span>

If you need further assistance let me know but everything is there for you. Smile
Offline

Valued Member
#3
it does not show up
Offline

Admin
#4
Hi mate, could you please refer to the other thread? #73
Cheers.
Thanks,
[Image: forumonic-logo.png] Harry.




Users browsing this thread: 1 Guest(s)