Mini Mods - Attractive Thread Prefix

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

PHP Code:

.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

Title (Rich Text)

<a class="mcbadge mcbadge_v">TITLE (PLAIN TEXT) HERE</a>

Select any prefix , see below example




This is how it looks:



Live Demo


Feel free to add your own colors

Kind Regards,

[qpurser]

Like it and works great.
However adding the code to my additional.css didn't work. I had to add the code to vbulletin.css and then it worked.

[ramesh_umk3]

Yep vbulletin.css should also be okay when additional.css is not loading up

Or

vBulletin Option --> Style & Language Settings --> External CSS URL ( you can add the code in that css file )

[ku-med]

Cool! Thanks for sharing

Edit: when you put the code at the end of additional.css it won't work unless you put it at the top

[Skyrider]

Might want to add the class of the prefix rich text also in the example.. So people don't have to type it over.

[ramesh_umk3]

Done! i have updated 1st post with Title (rich text) code . Now just copy paste and edit your Title (plain text)

[Novs67]

thx for your code !

i look for add 1 prefix automatically in thread ? any idea ?

[ramesh_umk3]

automatic prefix even i never heard that bro, But you can make user to select atleast one prefix for posting

[Application]
[Cheat]
[Application] [Cheat] (you can follow that pattern)

[Skyrider]

It looks great! however, doesn't appear to be working with:

https://vborg.vbsupport.ru/showthread.php?t=230906

Make Prefixes Clickable to Filter Forumdisplay

Anyway it can be made compatible?

[ramesh_umk3]

Mostly it should support with any plugin cause we don't use ordinary class names to get conflicts with any inner vB CSS classes if any they can be adjusted with minor changes

Regards,