Difference between revisions of "Gallery"

From rejetto wiki
Jump to: navigation, search
Line 79: Line 79:
 
#When the new template is loaded into the editor, click "Apply", and then "Ok" (to dismiss the editor).
 
#When the new template is loaded into the editor, click "Apply", and then "Ok" (to dismiss the editor).
 
#In the HFS window, select root (/), right-click and  then click "Browse it" to see the effect of your changes. Remember to refresh the browser cache ("F5" on most systems), if necessary.
 
#In the HFS window, select root (/), right-click and  then click "Browse it" to see the effect of your changes. Remember to refresh the browser cache ("F5" on most systems), if necessary.
 +
 +
---------
 +
<div><font face="Verdana"><br></font></div>
 +
<div><table width="50%" border=0 cellpadding=4 bordercolor="#000000" cellspacing=0>
 +
<tr valign=top>
 +
<td bgcolor="#ffcc00"><font size=2 color="#000000" face="Arial">
 +
<div><font size=2 color="#000000" face="Verdana"><b>Example 04</b></font></div>
 +
</font>
 +
</td>
 +
</tr>
 +
</table>
 +
</div>

Revision as of 15:02, 21 November 2006

Most of these examples can be downloaded from the forum. Forum versions may well be more up-to-date than the versions shown here. The site Template Repository also acts as an informal source for HFS templates.

Most of the pictures in this section have been made smaller, for easy visibility. In user's browsers, of course, they display at full size.



Example 01

This very simple template can be downloaded here. It is named "default-template+thumbnail-onlyforimages+googlesearch.tpl".

102.png

As you can see, it keeps the basic layout of the default template but adds a "Google Search" facility for the convenience of users to your site.

After you have downloaded the file, move it to the folder "Templates". Then perform the following steps to make the template work:

  1. In HFS, select "Edit HTML template" which opens the editor and automatically loads the current template (the default if you haven't made any changes).
  2. Click "Import" and, if necessary, navigate to C:\HFS\Templates. Select "default-template+thumbnail-onlyforimages+googlesearch.tpl" and click "Ok".
  3. When the new template is loaded into the editor, click "Apply", and then "Ok" (to dismiss the editor).
  4. In the HFS window, select root (/), right-click and then click "Browse it" to see the effect of your changes. Remember to refresh the browser cache ("F5" on most systems), if necessary.


Example 02

This template is named "KuleServer" and can be downloaded here. It is based on "HFS Live Power+ Edition" by Alvaro Quezada This version is very simple but does show effective use of icons, and a simple technique for using VFS.

Ss097.png

Click to enlarge

099.png

100.png

After you have downloaded and unzipped the files, do the following to make everything work correctly:

  1. Place the files "Kule.org.uk HFS Template.tpl" and "favicon.icon" into the folder "HFS/Templates".
  2. Add the folder "img" (and its contents) to the folder "HFS".
  3. Add the folder "HFS/img" to the vfs. To do this, right-click in the HFS Virtual File System window and click "Add folder from disk" with "HFS/img" as the selected target.
  4. In HFS, select "Edit HTML template" and follow the usual process described above under Example 01.

When you've done the above, you'll have three files in your file structure. Use the HFS "Hide" facility to stop "img" from being displayed in user's browsers. You'll notice that "img" is then displayed in an italic font within the HFS Virtual File System window.


Example 03

This template is named "HFS-Clean-EN.tpl" and can be downloaded here. It is breathtakingly simple, and a very popular download.

Ss103.png

Click to enlarge


After you have downloaded the file, move it to the folder "Templates". Then perform the following steps to make the template work:

  1. In HFS, select "Edit HTML template" which opens the editor and automatically loads the current template (the default if you haven't made any changes).
  2. Click "Import" and, if necessary, navigate to C:\HFS\Templates. Select ""HFS-Clean-EN.tpl"" and click "Ok".
  3. When the new template is loaded into the editor, click "Apply", and then "Ok" (to dismiss the editor).
  4. In the HFS window, select root (/), right-click and then click "Browse it" to see the effect of your changes. Remember to refresh the browser cache ("F5" on most systems), if necessary.


Example 04