Creating a SiteStyle

You can create original styles to give your site a unique look. When you create a new SiteStyle, each graphic element is saved in the \Images folder within the style’s folder in the NetObjects NetObjects Fusion 12\Styles folder. See Styles Folder Structure.

When you create your own SiteStyle, keep these points in mind:

When you create a new SiteStyle, you can start with an existing SiteStyle as a template or a blank SiteStyle. So, before you create a new SiteStyle, select an appropriate SiteStyle as your starting point.

To create a SiteStyle:

  1. Create or collect images for your banner, buttons, lines, icons, and background.

Use an image creation application to create the images. To be included in a published site they must be in .gif, .jpg, or .png format. If you use an image in .bmp, .pcx, .pct, or .fpx format, NetObjects Fusion 12 can convert a copy of the image to .gif or .jpg for you.

  1. In Style view, highlight Active SiteStyles in the SiteStyles list.

New Blank SiteStyles must be added to your Active SiteStyles list.

  1. Click the New Style button on the views bar or right-click on Active SiteStyles and click New Blank SiteStyle.

  2. Enter a name for your new SiteStyle and press Enter.

Your new style is added to the list of Active SiteStyles and is selected. NetObjects Fusion 12 also creates a folder in the \Styles folder to contain the style elements. See Styles Folder Structure.

The Read only option is cleared automatically so you can edit the style.

  1. Edit each graphic and text element as described in Editing the Graphic Elements of SiteStyles and Editing the Text Elements of SiteStyles.

The original SiteStyle—the one you based your new design on—is not affected by your edits.

  1. Click the Set Style button to apply the new style to your site. Your custom SiteStyle images and settings are applied to your site.

To create a SiteStyle using an existing template:

  1. In Style view, highlight a style in the SiteStyles list.

  2. Go to the Style menu and select Duplicate SiteStyle.

  3. Enter a name for your new SiteStyle and press Enter.

The elements in the view look just like the style you selected as the basis for your new style.

The original SiteStyle - the one you based your new design on - is not affected by your edits.