• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 147
  • Last Modified:

Add "page shadow" to a web page?

Hi,

I fount out that many fashion page have the "page shadow" design.  It's like on the top or right of the web page, they also have some kinda photoshop picture to make the page has a little shadow. I might not explain it too clear here now.  I'll find an example to post it here later.

What I'm looking for is instruction on how to do this.

Thanks.
 
0
yarock
Asked:
yarock
  • 2
1 Solution
 
kevp75Commented:
the easiest way to do it would be to create an image that is a dark 1px by 1px, and then add a fade to your page background.

then use a div as a container to your layout, and make the background of it repeat on one side:

<html>
<head>
<style type="text/css">
  #container {
      background:url("/thepath/theimage.ext") repeat-x;
}
</style>
</head>
<body>
<div id="container">
the rest of your layout
</div>
</body>
</html>
0
 
kevp75Commented:
have a look here:
http://www.getmysupport.com/temp.html

view source code to see how I did it
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now