Adding Center Box Border Images

[DBB1]

Hi, gang!

I'm attempting to use top, side, and bottom images to create center box borders, similar to www.infibeam.com.

Have looked all over without much luck. I did find the FAQ document describing how to add an image to a center box (https://www.zen-cart.com/tutorials/i...hp?article=257). Using the method described, I was at least able to get the top border image to display, and with some toying around, can probably get the positioning the way I'd like it.

But how do I complete the border using the additional images for the sides and bottom? Is it just a matter of adding the additional url image references, but with different position parameters or something, and if so, could you point me to an example?

Also note the site I mentioned above. They seem to have dropped the center box top border down so that it is vertically centered on the heading text. What are they doing to have the text background opaque, so that the border image doesn't show through the font characters?

Thanks in advance,
DBB1

[kuroi]

You have to step back from how it looks, as it's done rather differently.

There are no images needed down the side, those can be done by simple left and right borders in css.

The image at the top would consist of the the curves and the left hand dot.

The right hand dot is in a variable location depending on the width of the header, so would need to form part of a background to the header.

The imagery at the bottom would be the background to the boxes supplementary links. Zen Cart doesn't have that feature, so you would need to edit each of the listing box templates to add this or something similar and then hook the bottom background to that.

I have to say though, that this would require some moderately advanced CSS skills to get everything pixel perfect and working properly in all browsers.

[DBB1]

There are no images needed down the side, those can be done by simple left and right borders in css.

Yes, I suppose that would work, but are images possible here, if something more than a line were wanted?

The image at the top would consist of the the curves and the left hand dot. The right hand dot is in a variable location depending on the width of the header, so would need to form part of a background to the header.

So this part would require extensive coding to do?

The imagery at the bottom would be the background to the boxes supplementary links. Zen Cart doesn't have that feature, so you would need to edit each of the listing box templates to add this or something similar and then hook the bottom background to that.

Didn't really care about the links at the bottom, just the border. I suppose I could use a css line here too, but the curved corners fit better with my overall site design and logo.

I have to say though, that this would require some moderately advanced CSS skills to get everything pixel perfect and working properly in all browsers.

So, sounds like I'm out of luck all the way around here...

Thanks for replying!

-DBB1