Working with Background Images and CSS in Net Objects Fusion

Description:

To tile or not to tile; scrolling or fixed. Background images can be made to appear in different ways depending on your CSS settings.

For this tutorial, I'm going to show you what properties boxes to work with and let you experiment with the different settings to produce different results.

Tutorial:

1. Select Tools menu > Options > Current Site. This will bring up your Current Site Options Properties Box. Set your site's properties to Dynamic Layout - for all browsers; a page width of 800 and Output to Cascading Style Sheets (CSS). Hit OK.

2. Select a background image of your own or CLICK HERE to grab one from this site.
3. Go to Style view and apply the background image to your site.
4. Select Style on the menu > Edit Text Styles / Manage Styles which will bring up a Site Style Properties box as shown below. On the properties box, Select Body, Edit.

5. Click on the Background tab. The settings shown below will center and repeat (or tile) your background image down the page (vertically), but not across (horizontally).

6. Change Image position to Horizontal: Left and Vertical: Top to see a flush left background.
7. Change Image Attachment to Fixed for a stationary background effect.
8. Experiment with different settings to achieve desired results. Click OK and Close to commit changes to your site style's CSS. If you are pleased with the layout results, hit CTRL+S to save your site. Then Export as Template.

That's all there is to it. We hope you found this article helpful and informative.