How to make CSS based userbars

linkzy · 15-01-2015, 07:47 AM

If you'd like to have CSS group badges in your postbit, it's really simple. First, open your Post Bit Templates > postbit_author_user template, and add this to the very top:

PHP Code:
<div class="{$usergroup['title']}">{$usergroup['title']}</div>  
<br /> 

You can then style each group in your CSS, like this:

PHP Code:
.Administrators {
display: inline-block;
height: 30px;
line-height: 30px;
padding: 0 15px;
color: red;
background: #2f2f2f;
}
Edit and add more like mod etc :D 

This only works for the postbit though, so keep that in mind.

Have fun?

:D Tongue

:yus: :yus:

How to make CSS based userbars

Submitted by linkzy, 15-01-2015, 07:47 AM, Thread ID: 49