Shadow Effect on page

User 225748 Photo


Registered User
71 posts

I orginally used the Shapes menu to make an overlay page (for my text) until I got help with the question Anchor the Page Layers in the forum. I had used the shadow Effect on that layer to make it stand out against the background jpg that extended beyong the "page". Now that I am using the method described to me, it is loading so much faster, but I still want to shadow the page onto the background. Any advice?
JE
User 282670 Photo


Registered User
3,940 posts

L.E. did you try adding the border into your background image? sorry shadow!




User 225748 Photo


Registered User
71 posts

I want it to border the page, so open to how to do that to the background.
JE
User 282670 Photo


Registered User
3,940 posts

can I see an example of what you have LE, and the type of border, maybe I can add one for you, need the size as well.:)




User 225748 Photo


Registered User
71 posts

My page in question is behind a passworded Member's section, so I recreated it here:

http://www.sample.richland-baptist-church.com/
JE
User 463058 Photo


Ambassador
1,086 posts

I've attached a background image which will work if your page is set up for an 800px width and centered. The top header / banner image would just be inserted normally. The background image I made will take care of the shadowed edges.

However, this method doesn't allow you to do the nice shadow at the bottom of the page, the white content area will just extend all the way to the bottom of the page, as will its side shadows.

The fourth post in the following thread explains how you can do this with the image I've attached.

http://www.coffeecup.com/forums/website … nd-in-vsd/

Where it reads, "In Page Properties you need to select a solid color background, and set it to black," you'll set your background color to white.

The css you need for the head of your page will look like this if you keep the file name I used.
<style type="text/css">
body {
background:url(background.png) center top;
}
</style>
Attachments:
User 282670 Photo


Registered User
3,940 posts

Thanks Cary,
seems I'll be giving this a try..:)




User 225748 Photo


Registered User
71 posts

Cary, Thanks for making the background image. Would you mind making it 900 px wide (and yes, centered)? Great help!!
JE
User 463058 Photo


Ambassador
1,086 posts

When you say 900px wide, you mean make the white area that wide, or do you mean the overall width with the white area staying the same 800px width you had in your link?

Currently, the image is 2000px wide so the background pattern will completely fill the areas to the left and right of your page on pretty much all monitors.
User 463058 Photo


Ambassador
1,086 posts

If you just wanted the white area 100px wider, here you go. :)
Attachments:

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.