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

AJ Blacklisted Reviewed by AJ Blacklisted on 23rd Nov 2011. Need CSS help. Hello guys, I need a little help regarding CSS . I want to edit my forums usergroup span so that it will become like http://screensnapr.com/e/tS9z0x.png this is implemented in this forum I tried with firebug but not getting exact code. Pls help to add the css to my skin :) Rating: 5

[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]

.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>

Expand

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..

[AJ Blacklisted]

thank you guys, i got it now

[Florios]

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