MyBB Tutorials

How to make CSS based userbars

Submitted by linkzy, , Thread ID: 49

Thread Closed
15-01-2015, 07:47 AM
This post was last modified: 17-01-2015, 09:02 AM by linkzy
#1
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 {
displayinline-block;
height30px;
line-height30px;
padding0 15px;
colorred;
background#2f2f2f;
}
Edit and add more like mod etc :

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

Have fun?

:D Tongue :yus: :yus:
| A | v4hl| Addicted | Senpai | Sui | Sensei | H | fdigl |


RE: How to make CSS based userbars

This post was last modified: 16-03-2015, 05:34 AM by Blowjob
#2
Do you have a preview?

RE: How to make CSS based userbars

OP
#3
17-01-2015, 05:07 AM
Hug Wrote:
no hide tag? XD

well... thanks!

Yeah no hide tags :D Tongue, should i add them ?
| A | v4hl| Addicted | Senpai | Sui | Sensei | H | fdigl |


RE: How to make CSS based userbars

OP
#4
17-01-2015, 08:58 AM
dnyan247 Wrote:
No previews please add some screen shot for easy understanding i m newbie slo dont understand much of coding

Well i didnt hde it coz i dont have a preview right now ok wait ill get u one



[Image: aMtiUk2.png]
| A | v4hl| Addicted | Senpai | Sui | Sensei | H | fdigl |


RE: How to make CSS based userbars

#5
17-01-2015, 09:03 AM
Mr_Devil Wrote:
17-01-2015, 08:58 AM
dnyan247 Wrote:
No previews please add some screen shot for easy understanding i m newbie slo dont understand much of coding

Well i didnt hde it coz i dont have a preview right now ok wait ill get u one




[Image: aMtiUk2.png]
A bit of css and this will look great!

RE: How to make CSS based userbars

#6
thanks for share this tuturial!

Users browsing this thread: 3 Guest(s)