Customizing Web photo gallery styles

You can customize an existing Web photo gallery style by editing one or more of its HTML template files. When customizing a style, you need to follow these guidelines so that Photoshop can generate the gallery correctly:

• The style folder must contain these files: Caption.htm, IndexPage.htm, SubPage.htm, Thumbnail.htm, and FrameSet.htm.
• You can rename the style folder but not the HTML template files in the folder.
• You can have an empty Caption.htm file, and place the HTML code and tokens determining the layout of the caption in the Thumbnail.htm file.
• You can replace a token in a template file with the appropriate text or HTML code, so that an option is set through the template file rather than through the Web Photo Gallery dialog box. For example, a template file may contain a BODY element with the following bgcolor attribute that uses a token as its value:

bgcolor=%BGCOLOR%

To set the background color of the page to red, you can replace the token %BGCOLOR% with "FF0000."

• You can add HTML code and tokens to the template files. All tokens must be in uppercase characters, and begin and end with the percent (%) symbol. For information on the tokens that you can use in the template files, see Using tokens in Web photo gallery styles.

To customize an existing Web photo gallery style:

1. Locate the folder for the Web photo gallery style that you want to customize. For the location of style folders, see About Web photo gallery styles.
2. If you don't want to overwrite an existing style, create a copy of the style folder, and store it in the same location on your hard drive as the existing style folders.
3. Using an HTML editor, open one of the HTML template files located inside the style folder.
4. Customize the HTML template file using the guidelines for customization outlined in this section, and save the file.
5. Repeat steps 2, 3, and 4 to customize other HTML template files in the style folder.

When you have finished, you can create a gallery using the customized style. The customized style appears as an option in the Styles pop-up menu in the Web Photo Gallery dialog box.