Build the Gallery Template

Top  Previous  Next

 

We now have a template which can generate functional pages for collections. The gallery template is a higher level, but is basically identical to the collection template. As a base you can copy the entire collection template (header, body and footer) to the gallery template and then make some adjustments.

 

Gallery template Header

<html>

<head>

<title>Gallery - %GalleryName</title>

<link rel=stylesheet href="%CSSFileName" type="text/css">

</head>

 

<body>

 

<center>

 

<table class="main" cellspacing="0" cellpadding="0">

<tr height="100">

   <td>

     <table width="100%">

       <tr>

         <td width="220" align="right">

           %PreviousPageExists

           <a href="%PreviousPageFileName"><img src="%Resource:back"></a>

           %/PreviousPageExists

         </td>

         <td align="center">

           <span class="title">%GalleryName</span><br>

           <span class="subtitle">%Collections collection(s)</span><br>

           %AlbumExists

           <a href="%AlbumFileName">back to %AlbumName</a>

           %/AlbumExists

         </td>

         <td width="220" align="left">

           %NextPageExists

           <a href="%NextPageFileName"><img src="%Resource:next"></a>

           %/NextPageExists

         </td>

       </tr>

     </table>

   </td>

</tr>

<tr>

   <td height="500" align="center">

     <table>

       <tr height="410">

         <td align="center">

           <table>

 

The modifications are highlighted.

 

Gallery template Body

%<tr>

<td align="center">

   <a href="%CollectionFileName">

   <img border="0" src="%ThumbFileName" alt="%Images images">

   </a>

</td>

%</tr>

 

The modifications are highlighted.

 

Gallery template Footer

           </table>

         </td>

       </tr>

       <tr>

         <td align="center">

           <table>

             <tr>

               <td width="220">

                 &nbsp;

               </td>

               <td align="center">

                 <span class="text">%CollectionDescription</span>

               </td>

               <td width="220">

                 &nbsp;

               </td>

             </tr>

           </table>

         </td>

       </tr>

     </table>

   </td>

</tr>

<tr>

   <td>

     &nbsp;

   </td>

</tr>

</table>

 

</center>

</body>

</html></html>

 

The modifications are highlighted.