Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Recommended Posts

Posted

Ok I'm trying to add a little more spice to my site.

 

this is what it currently looks like and this is what I want the boxes to look like:

 

infobox-look.jpg

 

as you can see I've used a simple 1px to the left side of the box and placed a shadow under the bottom and righthand side of the box that is about 3px wide.

 

Now I know that this contribution is capable of doing the shadowing: http://www.oscommerce.com/community/contri...1/search,shadow

 

but how would I do the 1px left border with no other borders on the rest of the box?

 

Any help on this would be of great help and appreciated... thanks!

Posted

You could try the FULL option in the settings and provide a clear image for the top left. That might work but I couldn't say for sure. Why not just set the border for the infobox? It will not be noticeable with the bottom and right images in place.

 

Jack

Support Links:

For Hire: Contact me for anything you need help with for your shop: upgrading, hosting, repairs, code written, etc.

All of My Addons

Get the latest versions of my addons

Recommended SEO Addons

Posted

I believe if you add the border to the info box (in css stylesheet?) it will be "around" the exterior of the shadow and not the just box itself.

 

--KJ

define('PROJECTS', 'Something that goes on forever!');

Posted (edited)
You could try the FULL option in the settings and provide a clear image for the top left. That might work but I couldn't say for sure. Why not just set the border for the infobox? It will not be noticeable with the bottom and right images in place.

 

Jack

 

the border is only required on one side of the box. The left side. If added to the entire box it does not look correct since the top part of the box has a built in border within the image to give it a specific look.

 

As the other member said I think that when the shadow effect is added the border will expand to include the shawdow as well since the shadow is created from a series of images.

 

So this is really a challenge to be overcome if such can be done.

 

I'm wondering since the shadow is a series of images if the images can be adjusted to create the effect. I think I'll email the code contributer for this and see if he has any ideas on how such can be be done.

Edited by ODS
Posted

Don't bother. Already done (I'm him). :) You could create a shadow with the line in it for the left side, set the display mode to full and use a clear image for the top image. I think that will work but have not tried it.

 

As far as the line surrounding the shadows is concerned, it won't do that. It will just surround the box. I will PM you a link to a site which demonstrates this.

 

Jack

Support Links:

For Hire: Contact me for anything you need help with for your shop: upgrading, hosting, repairs, code written, etc.

All of My Addons

Get the latest versions of my addons

Recommended SEO Addons

Posted
Don't bother. Already done (I'm him). :)  You could create a shadow with the line in it for the left side, set the display mode to full and use a clear image for the top image. I think that will work but have not tried it.

 

As far as the line surrounding the shadows is concerned, it won't do that. It will just surround the box. I will PM you a link to a site which demonstrates this.

 

Jack

 

Jack,

thanks for the PM.. I've sent one back to you.. let me know if you have time to work on this and if so a price to get it installed... I simply don't have the time to play around with it and since your the creater should be a easy job for you since you know exactly what files and where the changes need to be added in.

 

thanks again for the PM and your help on this.

 

Joe

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...