Email & Publishing Themes
 
FotoFusion allows you to modify the templates used by Email and HTML publishing to get a look that matches your web site or personal preferences. FotoFusion is bundled with several themes, which can be changed on the Watermark/Banner/Theme tab:

 
Changing the theme, via the Watermark/Banner/Theme tab, will change the way your output is displayed, adding background color and borders around your images. To change the theme, click on the combo-box in the Watermark/Banners/Theme tab under the Email or Publishing tabs:

Three themes -- Black with Grey Frames; Minimalist and Standard provide simple aesthetic choices for the way your work will look.

The Album Preview theme is useful to Extreme users with multi-page albums, as it includes page thumbnails at the top of the email.

 
 
The Contact Sheet theme is useful to all users. Instead of rendering a collage, all images on your canvas will be arranged cleanly into thumbnails with file information. ** Note: you need to have "Include Scaled-down Original Images" checked to produce contact sheet-style info.

Creating your own theme
 
FotoFusion also allows you to create custom themes for your emails and for the pages you publish to your web site.

If you wish to design your own themes, it is recommended that you examine the pre-existing themes included with FotoFusion (located in C:\Program Files\LumaPix\FotoFusion V4\Themes), to get an idea of their construction, then attempt to customize your own.

The following instructions are written with the assumption that you are viewing the structure and design of the sample themes located under the "Themes" folder of your FotoFusion installation.

Each template must be located in a unique folder located under the "Themes" folder. Every template must include the following files:

       email.htm
       index.htm
       page.htm
       photo.htm

Note: Any images used in the theme design must be located in a sub folder named "images."
 

email.htm
The "email.htm" is a special file which contains the entire design needed to send an email. The various portions of the email which need to be repeated are wrapped in special tags.
 
There are also various tokens which are required to tell FotoFusion how to render your design. A complete list of these tokens is available below. Please refer to the sample html files to see how these tokens are best used in your designs.

The "header section" tags indicate which part of the html is to be used at the beginning of the email:
       <!--START HEADER SECTION-->
       <!--END HEADER SECTION-->

The "index section" tags indicate where the Index portion of the email should be, and must contain the "start/end index thumbnail" tags, which will be duplicated over and over for each page thumbnail.
       <!--START INDEX SECTION-->
               <!--START INDEX THUMBNAIL-->
               <!--END INDEX THUMBNAIL-->
       <!--END INDEX SECTION-->

The "page section" tags indicate which part of email.htm should be used for the pages. The html code contained between these tags will be duplicated over and over for every page in the project.
       <!--START PAGE SECTION-->
       <!--END PAGE SECTION-->

The "photo section" tags indicate which part of email.htm should be used for your project’s images. The html code contained between these tags will be duplicated over and over for every photo in the project.
       <!--START PHOTO SECTION-->
       <!--END PHOTO SECTION-->

The "footer section" tags indicate which part of the html is to be used at the end of the email:
       <!--START FOOTER SECTION-->
       <!--END FOOTER SECTION-->

index.htm
This page is used strictly for web publishing, and is independent of emailing. It requires specific tags and tokens in order to render correctly. Please reference the sample index.htm to see this file's recommended structure.

The “start/end index thumbnail" tags will be duplicated over and over for each page thumbnail.                

       <!--START INDEX THUMBNAIL-->
       <!--END INDEX THUMBNAIL-->

 
page.htm
This is used strictly for web publishing, and is independent of emailing. It does not require any specific tags, and only needs various tokens to render correctly. Please reference the sample page.htm to see this file's recommended structure.

photo.htm
This is used strictly for web publishing, and is independent of emailing. It does not require any specific tags, and only needs various tokens to render correctly. Please reference the sample photo.htm to see this file's recommended structure.

Tokens
The meanings of the various tokens which can be used in your designs are detailed below. As always, it is best to refer to the sample templates to see how these are best used.

{FF_EMAIL_SUBJECT}: Email subject
{FF_EMAIL_MESSAGE}: Email message
{FF_EMAIL_BANNER}: LumaPix email banner (required in email.htm for trial and Essential users)
 
{FF_PROJECT_MAX_WIDTH}: The value of the widest element in the project
 
{FF_PAGE_NO}: Page number
{FF_NB_PAGES}: Total page count
 
{FF_TO_PREVIOUS_PAGE}: Link to previous page
{FF_TO_FIRST_PAGE}: Link to index page
{FF_TO_NEXT_PAGE}: Link to next page
 
{FF_PAGE_DIRECTORY}: Directory of the image representing the page
{FF_PAGE_FILENAME}: Filename of the image representing the page
 
{FF_PAGE_THUMBNAIL}: Filename of the thumbnail image representing the page
{FF_PAGE_THUMBNAIL_INFO}: Textual information about a page thumbnail
 
FF_LINK_TO_PAGE_{FF_PAGE_NO}: Link to current page
FF_LINK_TO_INDEX: Link to index
 
FF_PHOTO_MAP_FOR_PAGE{FF_PAGE_NO}: Unique photo map name per page
FF_PHOTO_MAP: The actual photo map per page
 
FF_TO_PREVIOUS_PHOTO: Link to previous photo
FF_TO_PARENT_PAGE: Link to parent page
FF_TO_NEXT_PHOTO: Link to next photo
 
FF_PHOTO_NO: Photo number
FF_LINK_TO_PHOTO_{FF_PHOTO_NO}: Link to current photo
FF_PHOTO_DIRECTORY: Directory of the image representing the photo
FF_PHOTO_FILENAME: Filename of the image representing the photo
FF_PHOTO_DOTSCRAP_LINK: Link to a dotScrap element (if an element is not a local photo)
FF_PHOTO_WIDTH: Photo width
FF_PHOTO_HEIGHT: Photo height
FF_PHOTO_DESCRIPTION: Photo description

Adding Custom Tags to Emails
FotoFusion Extreme allows you to use custom EXIF information in your source images to add to your email themes.

You will need to edit the following information in the Email theme, substituting your custom tag for one of the existing ones…
%name%.%type%
Date:
%date%
Photo Number:
{FF_PHOTO_NO}
Focal Length:
%focallength%
Shutter Speed: %shutter%

In this example, we will replace "Shutter Speed" with "Last Name" information.
 
Go to the folder you created for the theme (C:\Program Files\LumaPix\FotoFusionv4\Themes\ExifEmail ) and open email.htm in Windows Notepad (and not a Word document, as html coding will be included, rendering the file unusable).
 
In this case, search for “Shutter”
 
You will see something like this:
 
<td style="border:solid 0px #CCCCCC; background-color:#F2F2F2; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000;">Shutter Speed: %shutter%</td>

 
Most of this is a description of the table format – the relevant information is at the end -- Shutter Speed: %shutter%

Replace that with the name and tag ID of choice, for example, Last Name: %studentLastName%
 
Save your work, and ensure that FF has ‘ExifEmail’ selected as a theme.

Preview the email again. If all has been entered correctly, you will see
 
Filename.jpg
Date: xx/xx/xx
Photo Number: y
Focal Length: z
Last Name: (Student's Last Name)