|
|
| Author |
Message |
cardinal
Joined: 06 Jun 2007
Posts: 3
|
 Posted: Wed Jun 06, 2007 2:44 pm Post subject: Issues creating a background image with a drop shadow |
 |
|
Can someone please show me or point me to the right tutorial that will illustrate how to create a thin background image that has a drop shadow on both the left and right borders that run vertically down a centered web page?
The image has a white middle where content is placed and the left and right borders have a drop shadow. After the image is sliced to roughly 760 pixels wide by 1 pixel tall, it will repeat vertically down the page. It is typically placed in the container or wrapper div? It is similar to a faux column.
http://www.ozelegemezun.com/yeniforum/index.php
I am also hoping to find a way to make the drop shadows fade to transparent so it will look clean as it fades over the background of the body. I know that this effect is all over the web, but I like it personally.
I greatly appreciate any help or insight that can be provided.
Thank you,
cardinal |
|
|
|
|
 |
basslion
Joined: 22 Mar 2007
Posts: 7
|
| Posted: Fri Jun 29, 2007 11:49 am Post subject: |
|
|
This is actually not one image with shadow on both sides. rather it is 2 seperate images.
Basically make a table with 1 row and 3 columns. in the left column put an image with a drop shadow on the left side, in the middle just change the background color to match the left image and in the right column insert the image with the drop shadow on the right side.
Make these images small in height about 20 px and then when inserting the image in the columns, insert them as a background image and they will repeat vertically every 20px.
Regards,
Matt |
|
|
|
|
|
|
