How do I create a shadow around my page?

This is a discussion on "How do I create a shadow around my page?" within the Starting Out section. This forum, and the thread "How do I create a shadow around my page? are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Starting Out

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Apr 16th, 2007, 23:06
New Member
Join Date: Apr 2007
Location: North Carolina
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
How do I create a shadow around my page?

I've been playing around with web design the past few years and I'm wanting to take it more seriously now. I use Macromedia Dreamweaver MX and once I figured out how to use it, I find it works fairly well, most of the time. I also use AAA Logo to do my custom graphics.

My question is this. I notice on a lot of web sites, the main page, usually centered in the middle of the screen and over top of a background image, there will be a shadow that is around all 4 edges making it stand out. How do you do this?

A quick and simple example of this is found at http:\\www.carolinarockingchair.com - notice how the white box in the middle containing all the info has a nice shadow surrounding it?

Hope to hear from you experts soon!
Reply With Quote

  #2 (permalink)  
Old Apr 17th, 2007, 00:02
Ryan Fait's Avatar
SuperMember

SuperMember
Join Date: May 2006
Location: Las Vegas
Posts: 3,786
Thanks: 0
Thanked 0 Times in 0 Posts
Re: How do I create a shadow around my page?

It's nothing special, you just need to make a box around the content area or use the body with a shadow background image. Using images is the only way to do it.
Reply With Quote
  #3 (permalink)  
Old Apr 17th, 2007, 00:15
New Member
Join Date: Apr 2007
Location: North Carolina
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
Re: How do I create a shadow around my page?

I am using AAA Logo to create my graphics and it makes nice boxes for menus, text, etc with a nice drop shadow behind it. But it only puts the shadow around part of it, not around all 4 sides. Is there a way to do this directly in Dreamweaver?
Reply With Quote
  #4 (permalink)  
Old Apr 17th, 2007, 00:19
Ryan Fait's Avatar
SuperMember

SuperMember
Join Date: May 2006
Location: Las Vegas
Posts: 3,786
Thanks: 0
Thanked 0 Times in 0 Posts
Re: How do I create a shadow around my page?

Probably. You might have to delve into the code view. I only use a text editor when coding sites, so I've never used Dreamweaver.
Reply With Quote
  #5 (permalink)  
Old Apr 17th, 2007, 01:21
SuperMember

SuperMember
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: How do I create a shadow around my page?

Unfortunately there isn't a way to do that directly through Dreamweaver.
You have to make a graphic (square or rectangle) and put a show around it. Yes an all four sided shadow not just a two sided shadow. Then you have to slice the image in that graphics program. Then you can insert it into Dreamweaver by use of code.
Here's a tutorial. This isn't exactly how I described it but this would work. http://www.projectseven.com/tutorial...les2/index.htm

Here's another tutorial using Photoshop

Here's another tutorial using Fireworks and Dreamweaver. If you don't have Fireworks download the 30 day free trial at www.adobe.com
Reply With Quote
Reply

Tags
design, shadow

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
How to create a registration page with approval? sing2trees PHP Forum 7 May 30th, 2008 22:38
Which software to use to create a web page? learner6 Starting Out 8 Mar 31st, 2008 17:56
How to create a centered page with layers. sgbrix Web Page Design 7 Mar 11th, 2008 15:36
how to create a comment page? kool77 Web Page Design 5 Jun 24th, 2007 08:26
how to create a members only page sing2trees Web Page Design 20 Jan 14th, 2006 05:53


All times are GMT. The time now is 06:11.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43