Приветствую, как сделать вот такие цветные прямоугольники для групп?

Приветствую, как сделать вот такие цветные прямоугольники для групп?

идем в шаблоны > css > ipb_styles.css и в самый низ добавляем вот этот код

.admin{color:#FFF;background:#E11A2A;text-shadow:#181818 0px 1px 0px;font-weight:bold}
.zamadmin{color:#FFF;background:#8B1A1A;text-shadow:#181818 0px 1px 0px;font-weight:bold}
.moder{color:#FFF;background:rgb(34, 148, 34);text-shadow:#181818 0px 1px 0px;font-weight:bold}
.admincs{color:#FFF;background:rgb(72,118,255);text-shadow:#181818 0px 1px 0px;font-weight:bold}
.vip{color:#FFF;background:rgb(255, 143, 0);text-shadow:#181818 0px 1px 0px;font-weight:bold}
.user{color:#FFF;background:rgb(48, 48, 48);text-shadow:#181818 0px 1px 0px;font-weight:bold}
.girls{color:#C71585;background:rgb(48,48,48);text-shadow:#181818 0px 1px 0px;font-weight:bold}
.not_activ{color:#FFF;background:rgba(146, 2, 2, 0.22);text-shadow:#181818 0px 1px 0px;font-weight:bold}
.banned{color:#FFF;background:rgba(37, 7, 70, 1);text-shadow:#181818 0px 1px 0px;font-weight:bold}.admin,.zamadmin,.user,.not_activ,.banned,.moder,.vip,.admincs,.girls{max-height:20px;border-style:none;padding:2px
6px;font-size:11px;-moz-border-radius:2px;-webkit-border-radius:2px;}

как вы видите у меня группы другие) редактируйте под себя ничего сложного

 

идем дальше

 

в настройках групп выставляем такие определенные префиксы

 

<span class="admin">

</span> 

 

и правите их как вам нужно

пример:

 

<span class="admin">

<span class="zamadmin">

<span class="moder">

<span class="vip">

<span class="admincs">

<span class="user">

<span class="girls">

<span class="not_activ">

<span class="banned">

 

удачи)

Благодарю. 

Edited 4 июня, 201410 yr by Nero13