Fixed non moving (pase)-background

**flyingcalypso** · 13 February 2020, 08:16 PM

I´m just learning WDP16. Before I was using Serif WebPlus X6. When using WP I could let the paper / Page be transparent so you saw the website background as its backgound and the page could have a shadow which made it look elevated.
And the website backround stayed fixex when you scrolled the page. My questions:
1. How do I fix the transperncy for the page?
2. How do I apply the shadow to the page.
3. How do I make the website background not moving when scrolling the page?

If you go to http://byairmail.eu you will see what I mean.
flyingcalypso

Ps. WebPlus was fantastic but Serif does not support it any longer and some does not work any more so I`m moving to WDP.

**gwpriester** · 13 February 2020, 09:07 PM

Welcome to TalkGraphics

Try this, I think it will work.

Apply your world image to both the page and the pasteboard (the background)

In the Page & Layer Gallery, unlock the Page layer. Select the page and add a glow shadow with the Shadow Tool. The shadow is red by default. Ctrl click in just the glow and click on one of the darker gray colors.

**flyingcalypso** · 14 February 2020, 12:08 AM

Thanks for your help. Now there is only the problem with the scrolling.
How do I make the background stay fixed / not move along with the page when I scroll the page. Like at byairmail.eu.

Regards
flyingcalypso

**Chris M** · 14 February 2020, 12:26 AM

If it's on the Pasteboard, then 'Fill Browser Window' If it's on the MouseOff layer then Web Utilities > Web Animation > Reveal/Scroll > Scroll Animation > Parallax

I did a quick attempt at creating something similar...

Map.web

**gwpriester** · 14 February 2020, 01:36 AM

Right click on the pasteboard area and select Fixed to prevent the background from scrolling.

Chris - Brilliant.

**flyingcalypso** · 14 February 2020, 02:29 PM

Hello and Thanks once more!
One of the first thing I did was to right-click to see the popout menu. I saw the alternetive Fixed and tried it. But no,the background was and is still scrolling along.
Now I wonder: I bought Xara Web Designer Premium 16 on the net (Ebay-uk) (No problem there) I`m still waiting for it to arrive (probably monday) so I downloaded
the free testversion of it so I can practise while waiting. Is it possible that some things do not work in the test version like fixed background=non scrolling?
I know I had to put some code into WebPlus to make it work. Something like this:
Put this in the <HEAD>-part of you document:

<STYLE TYPE="text/css">

</STYLE>

Make sure the background is not dominating your content, or the background is not somehow stringly related to the content.

You can get the same effect by adding

bgproperties="fixed"

in the <body> tag as such:

<body background="/../images/mybackground.gif" bgproperties="fixed">

I hope I do not have to this and that the fixed command is not working with the testversion

REGARDS
flyingcalypso