using images instead of css

[Guest]

Hi,

 

I've searched the forum but cant find an answer to this easy question...

 

I'm using the info box skin manager for my info boxes and its great - but this doesnt change the grey line at the top and bottom of the page, nor the main heading part of the "new products" box / product tables etc.

 

I've changed the images, corner-left corner_right and corner_right_left to the image I want to use but the centre and the border is still grey.

 

I'd like to use an image for the table headers, not CSS so how can it be done ?

[Guest]

BUMP!!

 

I'd also like to know how to "switch off" a category. I cant see an option to do this. There must be a way to do this without deleting it ?

[Guest]

oh man, no replies !!

 

Can someone point me to some documentation that explains how to get rid of the standard grey bits and replace them with images ?

 

Please ?

 

The site is at http://www.sex-e-toyz.com/catalog (warning adult content) and as you will see, ive got the side boxes sorted, i just need to know how to do this for the other grey bits.

[Guest]

should be fairly easy to do in the CSS. Just define a background image instead of a colour for .infoBoxHeading

 

If you use anything like Dreamweaver, you can edit the CSS nice and easily...or there are various free/shareware CSS editors.

 

hope that helps.

[Guest]

oh lol i didnt know that you could use images in css. Thanks.

 

What would the syntax be ?

[Guest]

right then, after a little experimentation, I found that you have to edit the .infoBoxHeading and .productListing-heading classes. If you use Dreamweaver, just double click the css file, go to these classes in the list, double click them, and assign a background and delete the bg colour. Otherwise, the code for them is, as I did it:

 

TD.infoBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
 background: url(images/headerbg.gif) repeat-x;
 color: #ffffff;
}

and

.productListing-heading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #b6b7cb url(images/headerbg.gif);
 color: #FFFFFF;
 font-weight: bold;

[Guest]

PS, there might be other sections too that want this for consistency. dunno. I've only just done this on my site, and not fully looked around it yet...

[equilla]

Hi Mistafeesh,

 

yes you are right, this was also discussed in the main support for the Infobox Skin Manager thread here:

 

http://www.oscommerce.com/forums/index.php?showtopic=67206&st=20

 

I would have responded to your question earlier (as we already had the answer), but it was not until I did a search for "skin" on the forums that I found a number of related support request threads!

 

The latest version of this contrib allows most boxes to be skinned by adding a "true" to the lines of the code that create the box concerned.

 

Also, the main support thread has some tips there on how to skin most of the boxes and the header/footer bits too. These tip and tricks will be added to the instructions for the next build, which should be out soon as there are a few tweaks here and there I need to do.

 

Cheers,