Need CSS help.

[AJ Blacklisted]

Hello guys,
I need a little help regarding CSS . I want to edit my forums usergroup span
so that it will become like

this is implemented in this forum

I tried with firebug but not getting exact code.
Pls help to add the css to my skin

Regards

 

[xTreme]

background-color:color didn't work ?

 

[mahjong]

The background-color property should work. Color codes:
http://www.somacon.com/p142.php

Good luck!

 

[soft2050]

<style>
.admin, .admin, .bot, .broadcaster, .co_admin, .designer, .forum_mod, .global_mod, .journalist, .level_I, .level_II, .level_III, .member, .partner, .security, .special, .vip, .banned, .guest, .validating, .dnserror {
    background: none repeat scroll 0 0 #65A830;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 11px;
    margin-bottom: 2px;
    padding: 3px 8px;
}
.admin {
    background: none repeat scroll 0 0 #C24641;
}
</style>
<span class="admin">Admin</span>

Only copy the base style like

.admin {
    background: none repeat scroll 0 0 #C24641;
}

 

[DarkPrompt]

I don't like to use <span> at all... many times it seems better to use the own <div>. Usually, in vBulletin at least, you can add/edit that for each usergroup.

Well, come on see the "opening" tag and its end. And the CSS used in there, as we can see it is:

* For all usergroups

.usergroup1, .usergroup2, .usergroup3
{
color:#fff;
background:#65a830;
padding:3px 8px;
font-size:11px;
-moz-border-radius:3px;
-webkit-border-radius:3px  #fff;
border-radius:3px #fff;
margin-bottom:2px;
display:inline-block
}

* For custom one usergroup

.usergroup1
{
background:#FDD017
}

So, if you put it in your main CSS style... you can easily set in your forum settings to rule the tag:

<div class="usergroup1"></div>

I hope helped you!

* EDIT: I DIDN'T SEE THE OTHER REPLY FOR THAT. THIS IS OTHER ONE ANYWAY. THANK YOU.

 

[AJ Blacklisted]

soft2050 , that went perfectly. thanks

 

[volgan]

.admin,
.admin,
.bot,
.broadcaster,
.co_admin,
.designer,
.forum_mod,
.global_mod,
.journalist,
.level_I,
.level_II,
.level_III,
.member,
.partner,
.security,
.special,
.vip,.banned,
.guest,
.validating,
.dnserror{color:#fff;background:#65a830;padding:3px
8px;font-size:11px;-moz-border-radius:3px;-webkit-border-radius:3px  #fff;border-radius:3px #fff;margin-bottom:2px;display:inline-block}
.admin{background:#C24641}
.bot{background:#BDBDBD}
.broadcaster{background:#827B60}
.co_admin{background:#461B7E}
.designer{background:#5843F0}
.global_mod{background:#d59944}
.forum_mod{background:#616D7E}
.journalist{background:#306EFF}
.level_I{background:#7D0541}
.level_II{background:#7D0552}
.level_III{background:#800517}
.member{background:#7f7f7f}
.partner{background:#F48C8C}
.security{background:#800517}
.special{background:#C7A317}
.vip{background:#FDD017}
.dns_error{background:#881418}
.banned{background:#000}
.guest,
.validating{background:#F1CBCB}

<span class="INSERT CSS TAG HERE">Admin</span>

 

[AJ Blacklisted]

thank you guys, i got it now

 

[AJ Blacklisted]

.admin,
.admin,
.bot,
.broadcaster,
.co_admin,
.designer,
.forum_mod,
.global_mod,
.journalist,
.level_I,
.level_II,
.level_III,
.member,
.partner,
.security,
.special,
.vip,.banned,
.guest,
.validating,
.dnserror{color:#fff;background:#65a830;padding:3px
8px;font-size:11px;-moz-border-radius:3px;-webkit-border-radius:3px  #fff;border-radius:3px #fff;margin-bottom:2px;display:inline-block}
.admin{background:#C24641}
.bot{background:#BDBDBD}
.broadcaster{background:#827B60}
.co_admin{background:#461B7E}
.designer{background:#5843F0}
.global_mod{background:#d59944}
.forum_mod{background:#616D7E}
.journalist{background:#306EFF}
.level_I{background:#7D0541}
.level_II{background:#7D0552}
.level_III{background:#800517}
.member{background:#7f7f7f}
.partner{background:#F48C8C}
.security{background:#800517}
.special{background:#C7A317}
.vip{background:#FDD017}
.dns_error{background:#881418}
.banned{background:#000}
.guest,
.validating{background:#F1CBCB}

<span class="INSERT CSS TAG HERE">Admin</span>

I added this code n it worked perfectly but now there is some bugs with forums topic view in firefox. See http://screensnapr.com/e/uLCVJM.png
The userinfo panel is moving to topic view in firefox. But no pbms with chrome..

 

[Florios]

you need to show page code, i also dont see anything in the css involiving positioning other than some padding..

 

[AJ Blacklisted]

Issue is solved, i disabled the following two hooks =)
(TB) Group Format - IP.Board 3.2.3 v4.0.0
(SOS32) Group Color in User Personal Card Link v1.1.3