Using images for box headers

[Guest]

I'd like my box header to look a little nicer than just the rectangle of colour with text on. But how do you add an image, and a text together , so for example rather than the exisiting block of grey colour, if I wanted to add a gradient type look I'd have to do that as an image, and then have the text over the top. I can probably work out how to put the image in as it's in the manual, but in there you do that by deleting the header text and replacing it with the image file path etc. So is there a way to have both? Is it just a case of keeping both, rather than deleting the text. Has anyone done it?

[knifeman]

I'd like my box header to look a little nicer than just the rectangle of colour with text on. But how do you add an image, and a text together , so for example rather than the exisiting block of grey colour, if I wanted to add a gradient type look I'd have to do that as an image, and then have the text over the top. I can probably work out how to put the image in as it's in the manual, but in there you do that by deleting the header text and replacing it with the image file path etc. So is there a way to have both? Is it just a case of keeping both, rather than deleting the text. Has anyone done it?

This link turns up a couple oscommerce contributions.

header image background

 

We did this on one site. I will look to see if I documented how we did it.

 

Tim

 

 

Edit: We used this mod:

http://www.oscommerce.com/community/contributions,4194

[♥14steve14]

create the image that you want. save it to your images folder and upload it to your site.

 

Open your style sheet and add something similar to

 

background-image: url('/images/header1.jpg');

 

to

 

TD.infoBoxHeading {

 

header1 should be replaced with your own image name