Can Xara do this exact effect?

**Egg Bramhill** · 28 February 2018, 10:26 PM

Was this the one you're referring too Acorn?

**gwpriester** · 01 March 2018, 12:50 AM

Ack. I responded to this thread and my post did not get posted. (Would not be surprised if I had already left the page). You can get a copy of WD 11 on eBay for under $20 US and then this will be an easy process, plus you get web animation and sticky objects that remain on the same place on the page.

**Acorn** · 01 March 2018, 10:18 AM

@egg, thanks for looking but not that.

Here is a XDPX15 conventional page that should work in WD7: CSS3 - Fixed Background.xar
The CSS is in he Page code (head).

If you example the index page source, you will find <body class="xr_bgb0"> or similar, which needs to line up with the CSS code
(<style>
.xr_bgb0 {
/* Set background image to fixed (don't scroll along with the page) */
background-attachment: fixed;
}
</style>).

Acorn

**ablafontain** · 01 March 2018, 12:22 PM

Acorn than you for all the help but I need you to walk me through what comes first here. I tried using this but nothing yet.

**ablafontain** · 01 March 2018, 12:33 PM

This my source in preview mode

<head>
<meta name="XAR Files" content="index_htm_files/xr_files.txt"/>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1252"/>
<meta name="Generator" content="Xara HTML filter v.4.1.1.671"/>
<link rel="stylesheet" type="text/css" href="index_htm_files/xr_main.css"/>
<link rel="stylesheet" type="text/css" href="index_htm_files/xr_text.css"/>
<script language="JavaScript" type="text/javascript">

</script>
(<style>
.xr_bgb0 {
/* Set background image to fixed (don't scroll along with the page) */
background-attachment: fixed;
}
</style>)
</head>

**Acorn** · 01 March 2018, 12:42 PM

Originally Posted by ablafontain

This my source in preview mode
(<style>
.xr_bgb0 {
/* Set background image to fixed (don't scroll along with the page) */
background-attachment: fixed;
}
</style>)
</head>

There shouldn't be any curved brackets around the <script>..</script>.
You picked it up from my last Post and not the original - I was using the brackets to be tidy!

Acorn

**ablafontain** · 01 March 2018, 01:13 PM

Just tried this and still nothing. I think I will give up on this effect.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="XAR Files" content="index_htm_files/xr_files.txt"/>
<title>past</title>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1252"/>
<meta name="Generator" content="Xara HTML filter v.4.1.1.671"/>
<link rel="stylesheet" type="text/css" href="index_htm_files/highslide.css" />

<script type="text/javascript" src="index_htm_files/highslide.js"></script>
<link rel="stylesheet" type="text/css" href="index_htm_files/xr_main.css"/>
<link rel="stylesheet" type="text/css" href="index_htm_files/xr_text.css"/>
<script type="text/javascript" src="index_htm_files/roe.js"></script>
<style>
.xr_bgb0 {
/* Set background image to fixed (don't scroll along with the page) */
background-attachment: fixed;
}
</style>
</head>

**Acorn** · 01 March 2018, 12:38 PM

Originally Posted by ablafontain

Acorn than you for all the help but I need you to walk me through what comes first here. I tried using this but nothing yet.

Did the example file work?
If so, can you create a design in your product that has an image repeated on the Pasetboard. by importing then removing from the page and then going to the Bitmap gallery and adding the image back with right-click Set pasteboard background?

At this point you will have a scrolling background.

Open Utilities > Web Properties > Page > HTML code (head).
Add the <script>...</script> styling, click OK and then the Apply.
When you Preview, the background is fixed.; reduce the height of your browser so the vertical scrollbars appears to see this in action.

The last wrinkle is to unlock the Page background, remove any shadow and set the page to 99% transparency.

Acorn