How to make my prefixes look like this?

[Bram H]

How can i make my prefixes look like this (http://forums.bit-tech.net/forumdisplay.php?f=30)
- little blocks with a fixed width
- background filled up

I don't use much prefixes on my board but in one forum I do and this seems like a nice way to organize it.

If it is done with html mark up, what should be the code?

[Lynne]

It's all just CSS. Get firebug for firefox and you can see the css needed right there. Copy it to your site.

[Bram H]

"if" i find it, where do i put that code?

[Lynne]

It's just CSS, so you could just add it to additional.css or to another css template called on that page.

[Bram H]

Lynne, its very helpful that you always reply so soon, but the vb.org and vb.com staff sometimes seems to forget that their user base are not always professional programmers :)

People like myself have a hard time trying to understand what is very logical for you wizards, and takes us hours or days what is a piece of cake for you :)

Anyways, thanks and I am gonna see how far i get :D

--------------- Added 1265076108 at 1265076108 ---------------

Thanks again Lynne! We succedeed: http://www.racedepartment.com/racing-club/

[vijayninel]

you will have to put something like this in the Title (Rich Text) field:

<span style="background: none repeat scroll 0% 0% rgb(255, 105, 0);" class="prefix">Overclocking</span>

Then in your Admin CP go to style manager > style > all style options and in the additional CSS definitions box at the end put

.prefix {
color:#ffffff;
font-size: 0.85em;
font-weight: normal;
padding: 3px 10px;
text-align: center;
}


Change the values as needed.

[syrn]

ur genies, very nice , Thanx a lot

--------------- Added 1269855227 at 1269855227 ---------------

you will have to put something like this in the Title (Rich Text) field:

<span style="background: none repeat scroll 0% 0% rgb(255, 105, 0);" class="prefix">Overclocking</span>

Then in your Admin CP go to style manager > style > all style options and in the additional CSS definitions box at the end put

.prefix {
color:#ffffff;
font-size: 0.85em;
font-weight: normal;
padding: 3px 10px;
text-align: center;
}


Change the values as needed.

ur genies, very nice , Thanx a lot