SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Enthusiast
    Join Date
    Jun 2005
    Location
    Texas, USA
    Posts
    76
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Smile Adding a Drop Shadow to an Entire Website

    Does anyone know how to add a drop shadow to an entire Website (not an image)? I want to add a drop shadow to the right side and bottom. I've looked all over the Internet and all I found were tutorials on how to add drop shadows to images.

    So I guess there are two things I want to know:

    1) How to add a drop shadow to an entire Web site using CSS.

    2) How to create the drop shadow in either Photoshop or Fireworks.

    I've seen Web sites with drop shadows, so I know this can be done.

    Thanks in advance for any help.

  2. #2
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,107
    Mentioned
    28 Post(s)
    Tagged
    2 Thread(s)
    (not an image)?

    If it is a shadow as an a gradient of color fading from the edge of the layout then yes, it's an image.
    There's no CSS property to create a shadow for you.

    Most layouts with shadows are centered, fixed width layouts.
    If this is you - all you need to do is apply a centered background image repeating vertically to the the body of your page and walah!

    As for how to create the shadow - you just want to create a gradient fading to the background color of your site.

  3. #3
    SitePoint Enthusiast
    Join Date
    Apr 2007
    Posts
    57
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    There are ways to generate a drop shadow using js/css, you will have to search for the names of the generators.

  4. #4
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,107
    Mentioned
    28 Post(s)
    Tagged
    2 Thread(s)
    There are ways to generate a drop shadow using js/css, you will have to search for the names of the generators.
    Using javascript for this is not a good solution.
    An image will always be better than a shadow created purely with CSS, unlesss of course the image is no good.

    If you can find a link though, I will be happy to correct myself if it is a good solution.

  5. #5
    SitePoint Enthusiast
    Join Date
    Jun 2005
    Location
    Texas, USA
    Posts
    76
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the information. I have heard good and bad things about using JS and CSS to achieve this, but I think everyone here has given me enough direction to strike out on my own and figure it out. Thanks everyone for your help. I really appreciate it!


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •