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

Attractive Thread Prefix


This is how it looks:

Attractive Thread Prefix


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
1K
AdminAdmin is verified member.
Admin
Admin
Replies
1
Views
4K
AdminAdmin is verified member.
Admin
Admin
Replies
0
Views
859
AdminAdmin is verified member.
Admin
Admin
Replies
0
Views
954
AdminAdmin is verified member.
Admin
Admin
Replies
0
Views
692
AdminAdmin is verified member.
Admin
Admin
Replies
0
Views
1K
AdminAdmin is verified member.
Admin
Admin
Replies
0
Views
687
AdminAdmin is verified member.
Admin
Back
Top