I'm having a great time playing with and learning my new programing tools but I've hit a point were I'm very confused. One of the sample template is called The Coast. It is a very interesting and visually striking design. As I scroll through the 'pages' each one has a different image as its background. My question is - "Where are they?" Even after I save then export a temp version of this template all I get is the HTML code, CSS and JS. There are no image resources to be found. So, if I wanted to create a similar effect I'm not sure where I would bring these images into the design. As I look at the Inspector I don't find any reference to these page backgrounds.

The structural units in RSD are a bit of a different model for me so I'm sure I'm just missing something.

Hi Eugene,

Select the top row element, If your panel isn't in design mode, on the right hand design panel, click the middle (pencil) icon. Go down to the background section, if necessary, open it by clicking on the little triangle to the left of the word BACKGROUND.

Look at the IMAGE property, note it says URL, and that the image is not set to resource, but rather to URL, and the URL given is url('https://sdrive-storage.s3.amazonaws.com/rsd/5535a48fd56d96/97816459/frambozen-bckgr.jpg')

The trick of the page appearing to slide over the background is in how the positioning is configured. Clip is set to border box, the position is set to left, top, no repeat, 'cover' mode (meaning leave no white space), origin is padding box, and and attachment is fixed.

In effect, the viewable chunk of the background image remains pinned to the top of the viewport until the row has scrolled out of view. The portion of that image the viewer sees is controlled by the transparency of the objects on TOP of the background. And as the non-transparent objects scroll up or down, different portions of that fixed background image are visible to the user.

It's 2:15 AM here - hope what I just wrote makes sense to you ! :-)

Regards,
Gordon

Thanks Gordon,

After using Dreamweaver and writing a lot of hand code this design model is a bit different but very exciting.
Yes your explanation did make sense, even at 2:15am. I've been known to do some of my best work at hours like that.
So, today I can start taking this design apart, now that I have some idea where to look. The effect here is very striking and this should be a great lesson in working with RSD.

Gene