Adobe Photoshop CS4 - Manual (Page 654)

647 USING PHOTOSHOP CS4
Optional plug-ins
Last updated 1/10/2010
About 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 background color 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.
Customize or create a web photo gallery style
1 Locate the folder that stores the existing web photo gallery styles.
2 Do one of the following:
• To customize a style, create a copy of the style folder, and store it in the same location as the existing style folders.
• To create a new style, create a new folder for the new style, and store it in the same location as the existing style
folders.
The new or customized style (named for its folder) appears in the Styles menu in the Web Photo Gallery dialog box.
3 Using an HTML editor, do one of the following:
• Customize the HTML template file.
• Create the necessary HTML template files and store them inside the style folder.
When creating the template files, make sure that you follow the guidelines for customization outlined in “ About
customizing web photo gallery styles ” on page 647.
Important: When customizing or creating a template for a gallery style, you should place each of the following tokens on
a separate line in the HTML file: %CURRENTINDEX%, %NEXTIMAGE%, %NEXTINDEX%, %PAGE%,
%PREVIMAGE%, and %PREVINDEX%. When generating specific pages of a gallery, Photoshop skips lines in a template
that contain tokens that don’t apply to those pages. For example, when Photoshop generates the first gallery page, it skips
any line in the template that contains the %PREVIMAGE% token, which determines the link to the previous gallery page.
By keeping the %PREVIMAGE% token on a separate line, you ensure that Photoshop doesn’t ignore other tokens in the
template.
Web photo gallery style tokens
Photoshop uses tokens in the HTML template files to define a default web photo gallery style. Photoshop uses these
tokens to generate a gallery based on user input in the Web Photo Gallery dialog box.