Te duci în
AdminCP > Look & Feel > Skin Set (tema ta) > Templates > userInfoPane
Cauți cu funcția search (CTRL+F)
{$author['_group_formatted']}
Înlocuiește cu (P.S: Vezi că trebuie să faci pentru fiecare rang în parte)
<if test='{$author['g_id']}==3'>
<ul class="ribbon">
<li class="ribbon2" style="background: red;">
<div class="Rleft" style="background: #cc0000"></div>
<div class="Rright" style="background: #cc0000"></div>
<span style="color: #D92393;"><b>{$author['_group_formatted']}</b></span>
</li>
</ul>
</if>
Acum te duci în ipb_styles.css și adaugă următoarea chestie
.ribbon{font-weight:bold;font-size:10px;margin:-5px -5px -2px;text-align:center;text-shadow:0 1px #000}.ribbon
li{-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;-webkit-border-top-right-radius:0px;-moz-border-radius-topright:0px;-khtml-border-top-right-radius:0px;border-top-right-radius:0px;-webkit-border-top-left-radius:0px;-moz-border-radius-topleft:0px;-khtml-border-top-left-radius:0px;border-top-left-radius:0px;-webkit-box-shadow:0px 1px 3px rgba(0,0,0, 0.25);-moz-box-shadow:0px 1px 3px rgba(0,0,0, 0.25);-khtml-box-shadow:0px 1px 3px rgba(0,0,0, 0.25);box-shadow:0px 1px 3px rgba(0,0,0,0.25);padding:1px;position:relative;margin-bottom:10px}.ribbon li
.Rleft{-webkit-border-top-left-radius:3px;-moz-border-radius-topleft:3px;-khtml-border-top-left-radius:3px;border-top-left-radius:3px;left:0px;background-color:#2e2e2e}.ribbon li
.Rright{-webkit-border-top-right-radius:3px;-moz-border-radius-topright:3px;-khtml-border-top-right-radius:3px;border-top-right-radius:3px;right:0px;background-color:#2e2e2e}.ribbon li
div{position:absolute;top:-4px;width:4px;height:4px;background-color:#353535}