Attractive Thread Prefix

Admin

AdminAdmin is verified member.

Well-Known Member
Staff member
Administrator
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

HTML:
.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 :)

h1k2.png


This is how it looks:

3wfd.png


Demo
Code:
http://www.mobilescommunity.com/


Feel free to add your own colors

Kind Regards,
 

Facebook Comments

Similar threads

Admin
Replies
2
Views
3K
AdminAdmin is verified member.
Admin
Admin
Replies
0
Views
1K
AdminAdmin is verified member.
Admin
Admin
Replies
0
Views
1K
AdminAdmin is verified member.
Admin
Admin
Replies
0
Views
981
AdminAdmin is verified member.
Admin
Admin
Replies
1
Views
3K
AdminAdmin is verified member.
Admin
Admin
Replies
0
Views
845
AdminAdmin is verified member.
Admin
Admin
Replies
0
Views
942
AdminAdmin is verified member.
Admin
Admin
Replies
0
Views
681
AdminAdmin is verified member.
Admin
Admin
Replies
0
Views
1K
AdminAdmin is verified member.
Admin
Admin
Replies
0
Views
679
AdminAdmin is verified member.
Admin
Back
Top