-= MovieToolBox = - help for photogallery. It's help you to use it." /> <META NAME="DESCRIPTION" CONTENT="MovieToolBox proposes help for very simple tool - photo gallery. It helps you to work with photo files, pictures."/> <META name="Author" content="MovieToolBox.com"> <META name="robots" content="All"> <LINK rel="stylesheet" href="./css/mtb.css" type="text/css"> </HEAD> <BODY text="#000000" LINK="#0000ff" VLINK="#800000" bgcolor="#ffffff" marginheight="0" marginwidth="0" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0"> <center> <table width="779" cellpadding="4" cellspacing="0" border="0"> <tr> <td bgcolor="#000000" class="bwhite11"><h1>AVI / MPEG / WMV / RM / MOV / VOB <font face="Arial">─</font> all Video Joiner in one Movie Joiner</h1></td> <td bgcolor="#000000" align="right" class="bwhite11"> <script language="JavaScript" src="JavaScript/date.js"></script> </td> </tr> </table> <table width="779" cellpadding="0" cellspacing="0" border="0" bgcolor="#399add" background="./i/fon_logo.gif"> <tr> <td bgcolor="#000000" width="1" height="97"><img src="./i/0.gif" width="1" height="97" border="0"></td> <td width="600" height="97" valign="center" class="bwhite18"> www.movietoolbox.com </td> <td width="177" height="97" valign="bottom" align="right" class="bzero1">  <b> <font class="bwhite10"> </font><br> <br> <br> </B></td> <td bgcolor="#000000" width="1" height="97"> <img src="./i/0.gif" width="1" height="97" border="0"> </td> </tr> <tr> <td colspan="4" bgcolor="#000000" width="1" height="1"> <img src="./i/0.gif" width="1" height="1" border="0"></td> </tr> </table> <table width="779" cellpadding="0" cellspacing="0" border="0" bgcolor="#399add" background="./i/fon_logo.gif"> <tr> <td bgcolor="#000000" width="1" height="19"><img src="./i/0.gif" width="1" height="1" border="0"></td>  <td bgcolor=#000000 width=179 height=19 class=bwhite10> </td> <td bgcolor=#cccccc width=598 height=19 background=/i/1.gif align=right valign=bottom> </td> <td bgcolor=#000000 width=1 height=19><img src=/i/0.gif width=1 height=1 border=0></td> </tr> <tr> <td bgcolor="#000000" width="1" height="1"><img src="./i/0.gif" width="1" height="1" border="0"></td> <td bgcolor="#fff8bd" width="179" height="1"><img src="./i/0.gif" width="1" height="1" border="0"></td> <td bgcolor="#cccccc" width="598" height="1"><img src="./i/2.gif" width="598" height="1" border="0"></td> <td bgcolor="#000000" width="1" height="1"><img src="./i/0.gif" width="1" height="1" border="0"></td> </tr> </table> <table width="779" cellpadding="0" cellspacing="0" border="0" bgcolor="#399add" background="./i/fon_logo.gif"> <tr> <td bgcolor="#000000" width="1"><img src="./i/0.gif" width="1" height="1" border="0"><BR><td> <td align="middle" valign="top" bgcolor="#fff8bd" width="179" class="bblack11"> <br>  <table width="159" cellpadding="0" cellspacing="0" border="0">    </table> </td> <td valign="top" bgcolor="#ffffff" width="598" class="bblue11"> <img src="./i/3.gif" width="434" height="45" border="0">  <center> <table width="503" cellpadding="3" cellspacing="0" border="0"> <tr> <td class="bblue12" height="27"> <p align="justify" style="margin-top: 0; margin-bottom: 0"><i><b><font size="4">How to create custom template</font></b></i></p> <img src="./i/line.gif" width="544" height="1" border="0" alt="Photo Gallery"> <p align="justify" style="margin-top: 0; margin-bottom: 0"><b>Photo Gallery installation</b> contains <b>html</b> directory with templates you can use to create photo album. Just create subdirectory with the certain files to create you own template. Photo Gallery program takes template files and create HTML-pages using them. It change some tags of the template with the necessary data. </p> <p align="justify">Album consists of three levels. First level contains <i><b>small images (thumbnails)</b></i>, second - <i><b>middle size images</b></i>, and third - <i><b>full size images</b></i>. The third level can be omitted. Thumbnail images are arranged in the table. Program builds the first level using <b>page.html</b>, <b>row.html</b>, <b>col.html</b>. <br>Thumbnail is inserted into the <b>col.html</b> template. Several <b>col.html</b> are inserted into the <b>row.html</b>.<br> -Several <b>row.html</b> are inserted into the <b>page.html</b> template.<br> -Midle size images are inserted into the <b>webimg.html</b> template. <br> -Full size images are inserted into the <b>fullimg.html</b> template. <br>Subdirectory <b>a</b> can contain any files. You can use this files to insert custom content (for example graphics, style-sheets) into your template. The directory <strong>a</strong> could be empty.<br>Template files should be in Unicode (UTF-16) encoding. <br><br>This is the structure of template files: <p style="margin-top: 0; margin-bottom: 0" align="justify">.<br><b>./Photo Gallety/+-- photogal.exe<br> |<br> .......<br> |<br> +---html/ --+-- blue center/ --- ...<br> +-- .........../ --- ...<br> +-- orange left/ ---+-- page.html level 1<br> +-- row.html level 1<br> +-- col.html level 1<br> +-- webimg.html level 2<br> +-- fullimg.html level 3<br> +-- a/ --- *.* custom files<br> +-- preview.jpg previev of the template</b> <br> <br>The structure of the result album is:<br><br> <b>../GAL*/---+-- index.html<br> +-- page1.html<br> +-- page2.html<br> +-- ....<br> |<br> +-- p/ --- *.jpg<br> |<br> +-- w/ ---+-- *.html<br> | +-- *.jpg<br> |<br> +-- f/ ---+-- *.html<br> | +-- *.jpg<br> |<br> +-- a/ --- *.*</b><br> Directory <b>p</b> contains thumbnails, directory w contains midle-size images, directory<b> f</b> contains full-size images. Templates contain <b>tags</b>, which will be substitute with the Photo Gallery program. The tags are: <ul> <li><em>{HtmlName} </em>- name of the HTML-file, which placed into <strong>w</strong> or <strong>f</strong> directory; </li> <li><em>{ImageName}</em> - name of the JPG-file; </li> <li><em>{ImageDescription}</em> - description of the image; </li> <li><em>{AlbumName}</em> - name of the album; </li> <li><em>{TableContent}</em> - content of the thumbnail images table; </li> <li><em>{RowContent}</em> - contents of the thumbnail images table row. </li> <li><em>{PageNum}</em> - number of the current page; </li> <li><em>{TotalPages}</em> - quantity of the pages in album; </li> <li><em>{TotalImages}</em> - quantity of the images in album; </li> <li><em>{PrevFile}</em> - name of the previous HTML-file in a gallery; </li> <li><em>{NextFile}</em> - name of the next HTML-file in a gallery; </li> <li><em>{PreviewWidth}</em> - width of the preview image; </li> <li><em>{PreviewHeight}</em> - heigth of the preview image; </li> </ul> <p align="justify">You can use:<br> <em>{TableContent}, {AlbumName}, {PageNum}, {TotalPages}</em> in <b>page.html</b>;<br> <em>{RowContent}</em> in <b>row.html</b>;<br> <em>{ImageName}, {HtmlName}, {ImageDescription}, {PreviewWidth}, {PreviewHeight}, {AlbumName}, {PageNum}, {TotalPages}</em> in <b>col.html.</b>;<br> <em>{AlbumName}, {ImageName}, {ImageDescription}, {HtmlName}, {TotalImages}, {ImageNum}, {PageNum}, {PrevFile}, {NextFile}, {PageNum}, {TotalPages}</em> in <b>webimg.html, fulimg.html.</b><br> <br>You should use Java scripting to create navigation elements of the album. The sample of style-sheets and java-scripting you can find in the templates supplied with the Photo Gallery program. </td> </TR> <tr> <td align="left" valign="top" height="1" > <img border="0" src="i/line.gif" width="544" height="1"></TD> </TR> <TR> <TD align="left" valign="top" height="123"> <p class="bblue12"> If you have any questions, please, contact us via email: support<nofuckingspam>@</nofuckingspam>movie<nofuckingspam>toolbox</nofuckingspam>.com. <br> <table width="544" cellpadding="0" cellspacing="0" border="0"> <tr> <td><img src="./i/line.gif" width="544" height="1" border="0"></td> </tr> </table> <div align="left"> <table width="513" cellpadding="5" cellspacing="0" border="0"> <tr> <td class="bgrey11"> <p align="center">  </p> </td> <tr> <td class="blightgrey11" valign=bottom> © 2003, MovieToolBox </td> </tr> </table> </div> </TD> </TR> </table> </td> <td valign="top" background=i/0.gif width="1" > </td> </tr> </table> <table width="524" cellpadding="5" cellspacing="0" border="0"> </tr> </table> </CENTER> </TD> </TR></TBODY></TABLE> <center> <table width="779" cellpadding="0" cellspacing="0" border="0" bgcolor="#399add" background="./i/fon_logo.gif"> <tr> <td bgcolor="#000000" width="1" height="1"><img src="./i/0.gif" width="1" height="1" border="0"></td> </tr> </table> </CENTER> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-234228-1"; urchinTracker(); </script> </BODY> </HTML>