Tags
First of all, the template is an HTML file with some tags. These tags will be replaced with some certain HTML code when EZ Thumbnail Builder generate the thumbnail files.
Secondly, all image files and css file related to the template HTML file should be in the same folder. And we recommend you pay much attention to the case sensitivity of all the file names. Because in Unix computers, file names are case sensitive. That means, these two files, Index.htm and index.htm, are different files to Unix. If you upload your thumbnail files to a Unix computer, when it cannot find a file due to the problem of case sensitivity, you cannot see the correct result even though it's perfectly shown on your own Windows computer.
Tag list:
<%title%>: The title of the thumbnail gallery. Each HTML page of your gallery will have this same title.
The following tags are a section of tags to set some default settings. This section of tags should beplaced with the section between <head> and </head> consecutively and each tag per line. These tagsare in a format of <%tag=value%>. If the value is empty, keep no space between "=" and "%>" in case offile, and keep 0 in case of number.
- <%default begin%>
To show the beginning of the section
- <%page bg pic=Bluebkgrnd.gif%>
The default background image file of the template
- <%page bg color=FFFFFF%>
The default background color of the template. The color code is the same as standard color code used in HTML, eg FFFFFF for pure white and FF0000 for pure red.
- <%home pic=BlueHome.gif%>
The deault image file of the Home navigation button.
- <%first pic=BlueFirst.gif%>
The deault image file of the First navigation button.
- <%prev pic=BluePrev.gif%>
The deault image file of the Previous navigation button.
- <%next pic=BlueNext.gif%>
The deault image file of the Next navigation button.
- <%last pic=BlueLast.gif%>
The deault image file of the Last navigation button.
- <%index pic=BlueIndex.gif%>
The deault image file of the Index navigation button.
- <%table border=0%>
The default width of thumbnail table in thumbnail pages
- <%table cell=0%>
The default cell padding of thumbnail table in thumbnail pages
- <%table space=0%>
The default cell spacing of thumbnail table in thumbnail pages
- <%top border offset=20%>
The offset value used in specifying the top/bottom border image width. Please refer to tag <%thumb width%>
- <%left border offset=0%>
The offset value used in specifying the left/right border image width. Please refer to tag <%thumb height%>
- <%default end%>
To show the end of the section
- <%page bg pic%>
The background image file of HTML pages.
- <%page bg color%>
The background color of HTML pages.
The following tags are about the navigation buttons on thumbnail pages and large picture pages.
- <%top nav link%> and <%top nav link end%>
The tags to inform EZ Thumbnail Builder the beginning and end of HTML code showing navigation buttons on the top of HTML pages.
- <%bottom nav link%> and <%bottom nav link end%>
The tags to inform EZ Thumbnail Builder the beginning and end of HTML code showing navigation buttons on the bottom of HTML pages.
- <%nav home%>
The image file and link of navigation Home button.
- <%nav first%>
The image file and link of navigation First button.
- <%nav previous%>
The image file and link of navigation Previous button.
- <%nav next%>
The image file and link of navigation Next button.
- <%nav last%>
The image file and link of navigation Last button.
- <%nav index%>
The image file and link of navigation Index button.
The following tags are about the thumbnail table on thumbnail pages.
- <%table border%>
The width of the thumbnail table border.
- <%table padding%>
The cell padding of the thumbnail table.
- <%table space%>
The cell spacing of the thumbnail table
- <%table bg pic%>
The background image file of the thumbnail table
- <%table bg color%>
The background color of the thumbnail table
- <%table border color%>
The color of the thumbnail table border
The following tags are about each thumbnail pictures on thumbnail pages.
- <%thumb cell begin%> and <%thumb cell end%>
The HTML code between these two tags will be repeated for each thumbnail picture. And the tags among this HTML code will be replaced repeatly for each thumbnail picture too.
<%thumb width%>
In some cases, we need to use some image files around the thumbnail picture as the border of the thumbnail picture. Among of them, the size (width and height) of some images should be changed according to the size of thumbnail picture. This tag controls the Top width in the diagram. The value of Top Border Offset = Thumbnail width - Top width. So, when the value of Top Border Offset is given, the actual value of Top width will be calculated by EZ Thumbnail Builder.
- <%thumb height%>Please refer to the tag <%thumb width%>. This tag controls the Left height in the diagram. The valud of Left Border Height = Thumbnail height - Left height.
- <%thumb href%>
The link of each thumbnail picture.
- <%thumb alt%>
The alternative text of each thumbnail picture.
- <%thumb file%>
The thumbnail picture file.
- <%thumb title%>
The title of each thumbnail picture.
- <%thumb size%>
The size (width and height) of each thumbnail picture.
- <%pic info%>
The info of each thumbnail picture
|
