Forum Head
 

Can someone help me style my forum heads to look cooler? Would like to keep the same base color but add a cool image to it. Something that fades into the base color. Would like to keep the height the same if possible.

Here is my site..

http://www.alienowners.com/forum.php

Thanks

If you have the PSD, try removing the stroke from the text, then adjust the gradient on the text, that should do the trick

Hi,

I meant the forum heads not the header.

This...

Add the following css code to your .forumhead foruminfo L1 collapse:

Then just edit the colour code and the placing with the PX values. I'd add this to additional.css or find the correct stylesheet by going Styles & Templates -> Find in Template -> .forumhead foruminfo

tommyxv,
I think that what you are wanting to do is to is change the blockhead_background of the style.

You may create anything that you like, but you may also have to play with the size of it. I made an image for you and this is the best way to use it without messing up your original style.

Upload the image to images and you may create a folder of your own called "custom" if you like. So the path to your images will be: url(images/custom/blockhead_background.png)

Now go into the admincp > Styles & Templates > Style Manager and select your style and make sure that Style Variable Editor is selected and then select the Go command.

Important: Make sure to note the link that currently resides in a text editor of your choice. I have a folder set up called vB Changes where I save this information. Make note of both the existing entry and the new entry then save it.

Now in the Style Manager make these changes.

1) Background Color change to: #000000 (black)

2) Background Image change to: url(images/custom/blockhead_background.png) or whatever you named your folder and image. This changes the original image to the new image you are using without losing the original which is why you make note of the location of the original and new image.

3) Background Repeat: Repeat-x

4) Units: Leave blank for now.

5) Background Image Horizontal Offset: top

6) Background Image Vertical Offset: left

That should do the trick for you. If you have any questions feel free to ask.