Attractive Thread Prefix

[Admin]

Hey Friends,
This idea just came up by seeing XenForo threads Prefix style they really look attractive, Any how if you like you can use them aswell just follow below procedure....

Copy below CSS Code to additional.css template

.mcbadge_v {
    background: none repeat scroll 0% 0% #9400D3;
}
.mcbadge_i {
    background: none repeat scroll 0% 0% #4B0082;
}
.mcbadge_b {
    background: none repeat scroll 0% 0% #0000FF;
}
.mcbadge_g {
    background: none repeat scroll 0% 0% #0B610B;
}
.mcbadge_y {
    background: none repeat scroll 0% 0% #B18904;
}
.mcbadge_o {
    background: none repeat scroll 0% 0% #B43104;
}
.mcbadge_r {
    background: none repeat scroll 0% 0% #FF0000;
}

.mcbadge {
    display: inline-block;
    height: 15px;
    line-height: 15px;
    font-size: 9px;
    font-weight: bold;
   padding: 0px 2px;
    margin: 0px;
   letter-spacing:0.4px;
    color: #fff;
    border-radius: 4px;
border:1px dashed black;
    vertical-align: middle;
cursor:default;
}

Save it .

Now Goto

Thread Prefixes --> Thread Prefixe Manager

Select any prefix , see below example

This is how it looks:

Demo

http://www.mobilescommunity.com/

Feel free to add your own colors

Kind Regards,