Custom CSS Styles for your profile on CustomFighters.com - Part 1 (continued)

So, now you've got the background all set the way you like it... but the stuff in front of it no longer looks good... so let's get to hacking that up too!

I set the background to solid black to make it easier to see what we're working on.

Step 2: The Category Bars
The "Title" bars for each "box" in your profile, like where it says your username, "Contact Me," My Details," "User Information," etc.

The code to set a background image for the category bars should look like this:

.tcat {
background : url(http://www.yoururl.com/tcatimage.gif);
}

(You can also use the other background style options here as you could before, such as background-attachment and background-image : none; )

By default, images will be tiled and in a a fixed position.

Example:

I set the .tcat background to use this tiny image:

And this is what my profile looked like (the body background was set to black as well):

But now you might not be able to see the text in those category bars (like in the example above), so you need to change the color of the text.

You can do that by adding a line of code such as this:

color : #3a0202;

So your .tcat section should something like this now:

.tcat {
background : url(http://www.yoururl.com/tcatimage.gif);
color : #3a0202;
}

Example:

Using the settings from above, I just added in:
color: #3a0202;
to the .tcat section and it looks like this:

Continued on Next Page