shadow around a whole site

[lister110]

Hello everyone, could someone please help. I have been looking for a tutorial or a good explanation on the best way to create shadow all around my web page. The whole site is contained within 600x800px and sits centred in the browser.

Im not sure where to start in terms of slicing graphics so it works within w3 standards and CSS (no tables). and then nested in a container div.

Could someone help with a tutorial or know of a good tutorial.

please find a link here as an example.
here is the basic site, though it will be modified

Thanks for your help,,

lister

[Aerdan]

The actual shadow comes from a graphics editor, and it's done as a dark outer glow. If you use Photoshop, be sure to set the Blend Mode to Normal and the color to dark: if you don't fix the Blend, it won't be visible. Mess around in Photoshop to explore how you could approach this.

For slicing the images, I sliced the one you provided to give you an example of what can be done with the border.

[MikeHopley]

You may find this tutorial that I wrote for the newsletter helpful.

[Monie]

Nice tutorial there Mike. You'll also need some basic Photoshop skill tho..
or any other image editing application to do the shadow things...!

[Stuart]

Image Editing skill will be required, but the shadows are real easy to make... No worries!

[Monie]

Here is some nice link for photoshop web-based tutorial.

• Eyes On Design
• New Tutorial