arles image web page creator

Templates

Please note: Using templates requires some basic HTML knowledge. If you feel uncomfortable using HTML, we recommend that you either use the Arles Custom HTML Design option instead or use one of the layouts on the example pages.

What are templates?
Templates are an advanced way to maintain total control over your image galleries. You can create your own HTML template files using your favorite HTML editor. Just insert Arles tags where you want the contents generated by Arles to be included.

Templates - Orange
Click image to view example gallery

Example gallery comment:
This example was generated using two HTML template files, one for the index page and one for the image pages.

Required Arles version:
4.3

View this example gallery View this example gallery   Download this layout Download all files required to recreate this example

How to create a gallery using your own templates?

  1. Create HTML files for the index table page and/or for the image page using your favorite HTML editor or any ASCII editor (e.g. notepad). Insert Arles tags where you want the HTML generated by Arles to appear.
  2. On the Index page tab and the Image pages tab, choose the Template option. Select the relevant HTML template file for each page type.
  3. Click the All button to generate the gallery.

Available tags
The following tags can be used in Arles template files:

Arles Tag Description
<ArlesIndex> Inserts complete index page HTML contents, including the navigation bar thumbnails etc. This tag should placed be in the <body> section of the template file.
<ArlesImage> Inserts complete image page HTML contents. This includes the navigation bars. This tag should placed be in the <body> section of the template file.
<ArlesImagePageHTMLTitle> Inserts HTML title on image pages. This tag should be placed in the title section of the template file (e.g. <title><ArlesImagePageHTMLTitle></title>).

Example template files

The example template files below show how to use Arles tags. To use the example templates shown below, save the examples in two *.htm files (e.g. IndexTemplate.htm and ImageTemplate.htm). Then select these template files in Arles and recreate your gallery. Use your favorite HTML or ASCII editor to change the examples.

Example index page template file
<html>
<head>
<title>Arles Template Example</title>
</head>
<body bgcolor="#FFFF99">
<ArlesIndex>
</body>
</html>

 

Example image pages template file
<html>
<head>
<title><ArlesImagePageHTMLTitle></title>
</head>
<body bgcolor="#FFFF99">
<ArlesImage>
</body>
</html>

 

Back to examples page

 

digital dutch
email: info@digitaldutch.com