Template editor

Using the built-in template editor you can modify any template that comes with Extreme Thumbnail Generator. You can change the background color or background image of gallery pages, add your copyright message or even your logotype, use your CSS file - you can do anything that can be done with simple HTML files to tune the template for your needs.

Template consists of several HTML files, a configuration file with default gallery settings and a gallery screenshot. Every section of the template is displayed on the tree on the right side of the template editor and clicking the section title will open the corresponding section for editing.

• Thumbnails pages - the template of thumbnails (or index) pages. It is plain HTML file where you can insert the special tags of the following objects: Gallery, Thumbnails page. All thumbnail images and titles are located within the cells of the table. All thumbnail cells are assigned the following CSS class name: thumbnail_image, and all title cells have the following CSS class name: thumbnail_title. So, it you want, for example, to change the background color of the thumbnail title you can edit the template of the thumbnails page to add the following lines right after the </title> tag:

  <style type="text/css"> td.thumbnail_title { background-color: #E9E9E9; } </style>

• Thumbnails pages > Navigation menu - HTML template of the navigation menu used to browse between the thumbnails pages when there is more the one thumbnails page. This is another plain HTML file with the following special tags: Gallery, Thumbnails page, Thumbnails page menu. All links must be located on separate lines of the HTML file so that they can be deleted when the link is not needed (for example the link to previous page on first page).

• Image pages - the template of image pages. It is plain HTML file with the following special tags: Gallery, Image page, Image.

• Image pages > Navigation menu - HTML template of the navigation menu used to browse between the image pages and return to the thumbnails page. This is plain HTML file with the following special tags: Gallery, Image page, Image page menu, Image. All links must be located on separate lines of the HTML file so that they can be deleted when the link is not needed (for example the link to previous page on first page).

• Frameset page - template of the page where gallery frames are defined. It is used only in frames-based templates to specify the size and positions of the frames. In this HTML file you can use special tags of the following objects: Gallery, Frameset page.

• Default settings - here you can specify the default values for all gallery options (see Step 3. Options for description of every option). These values will be loaded each time the template is selected in the list of Gallery Templates on Step 2.

• Screenshot - here you can change the gallery screenshot which is used on Step 2 as a gallery preview. It is a good idea to update this screenshot after you have modified the template so you do not need to generate the gallery just find out that you have selected the wrong template.
  
  You can remove the screenshot using the Clear screenshot button. In this case no preview image will be displayed on Step 2 when you select this template.
  
  Clicking the Load from file... button you can select an image to be used as gallery screenshot. This image can be of any size and format (JPEG, GIF, BMP...).
  
  But the easiest way to update the gallery screenshot is using the Windows Clipboard. After you have updated the gallery template, generated the gallery and opened it in you favorite browser, click the Alt + Print Screen button on your keyboard. This will copy the entire browser window into the Clipboard. After that - return to the Template editor and click the Paste from the clipboard button.

Copyright ©2003-2006 Extreme Internet Software
www.exisoftware.com