MyBB Tutorials

How to make CSS based userbars

Submitted by linkzy, , Thread ID: 49

Thread Closed
linkzy
No pressure, no diamonds
Level:
0
Reputation:
181
Posts:
5.34K
Likes:
341
Credits:
54
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

Blowjob
Closed Account
Level:
0
Reputation:
26
Posts:
2.16K
Likes:
189
Credits:
2.53K
17-01-2015, 05:07 AM
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

linkzy
No pressure, no diamonds
Level:
0
Reputation:
181
Posts:
5.34K
Likes:
341
Credits:
54
OP
17-01-2015, 08:30 AM
#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

linkzy
No pressure, no diamonds
Level:
0
Reputation:
181
Posts:
5.34K
Likes:
341
Credits:
54
OP
17-01-2015, 09:03 AM
#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

Vlad
Novice
Level:
0
Reputation:
0
Posts:
22
Likes:
0
Credits:
30
21-02-2015, 08:58 AM
#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

Elister
Lurker
Level:
0
Reputation:
0
Posts:
7
Likes:
0
Credits:
9
21-02-2015, 09:34 PM
#6
thanks for share this tuturial!

Users browsing this thread: 1 Guest(s)