Just wanted to jump in and say hi, and thank Rejetto for all his hard work.
I attached a screen capture of what my template looks like.
Here's the template I'm using with HFS 2.2 build 120, works best with Mozilla Firefox.
*******************************************************************************************************************************************
<html>
<head>
<title> </title>
<style>\n%style%\n</style>
</head>
<body>
<body background=/WebGraphics/blackbrk.gif>
This site best viewed with Mozilla Firefox</FONT> <A HREF="
http://www.mozilla.com/firefox/"><IMG SRC=/WebGraphics/mozilla.jpg BORDER=0 HEIGHT=95WIDTH=95 ALT="
http://www.mozilla.com/firefox/"></A></center><br><br>
<CENTER<IMG SRC=/WebGraphics/Demon_AW2.jpg BORDER=0 HEIGHT=433 WIDTH=631 ALT=""></CENTER
%login-link%
%loggedin%
%upload-link%
<div style="float:right; padding:15px;"><a href="/~progress" class=button><img border=0 align=absbottom src="/~img26"> Active Transfers-Open this in a New Window or Tab</a></div><br><br>
<div class=little></div>
<div class=big></div>
<div class=body>
%up%
%files%
</div>
<center><div style="background:#FFF8E6; color:#000000; border:outset; width:65%;"><br><b>Server Status</b><br><img src="/~img_graph600x50"><br><br><img src="/~img4"> Current Server Outbound: %speed-out%KB/s<br><img src="/~img4"> Current Server Inbound: %speed-in%KB/s<br><img src="/~img5"> Connections Connected: %connections%<br><br></div><br></center>
<div class=little>
<br>Server Time: %timestamp%
<br>Uptime: %uptime%
<br>Page Generated in: %build-time%s
</div>
<CENTER<IMG SRC=/WebGraphics/SF_TW21.GIF BORDER=0 HEIGHT=213WIDTH=199 ALT=""></CENTER
</body>
</html>
[style]
body, .row { color: #FF0000 }
body, .button, .big, .little, th, comment { font-family:tahoma, verdana, arial, helvetica, sans; font-weight:normal; font-size:9pt; color:#FFFFFF; }
body { margin:0; background-color:#51595B; padding:10px; color:#FFFFFF; }
p { margin:0 }
.big { font-size:12pt; font-weight:bold; color:#FFFFFFF; }
.little { font-size: 10pt; color:#FFFFFF; }
div.body {
border-bottom: 4px solid #818787;
border-top: 4px solid #818787;
border-left: 2px solid #818787;
border-right: 2px solid #818787;
background:#000000; padding:15px; margin:15px;
}
A { text-decoration:none; background-color:Transparent; color:#FF3300; font-weight:bold; }
A:visited { color:#00FF00; }
A:hover { background-color:#FFFFFF; }
img { border-style:none }
.row { font-size:12pt; background:#000000; border:2px solid #0033FF }
.comment { font-size:7pt; color:#FFFFFF; background:#51595B; padding:3px; border:1px solid #818787; margin-top:2px; }
.column { color:#FA9334; font-size:13pt; font-weight:bold; padding-bottom:0; }
.button { padding:5px; padding-top:7px; border:1px outset gray; background:black; font-size:8pt; font-weight:bold; }
.flag { font-weight:bold; font-size:8pt; background:white; color:red; text-align:center; border:1px solid red; }
.text { color:#FFFFFF; }
[login-link]
<div style="float:left; padding:15px;"><a href="%encoded-folder%~login" class=button><img border=0 align=absbottom src="/~img27"><B>Login Here</B></a></div>
[loggedin]
<div style="float:left; padding:15px;"><div class=text><span class=button><img border=0 align=absbottom src="/~img27"> Logged in as: %user%</span></div><BR>
<B><FONT SIZE="5" COLOR="#FF0000" FACE="Arial Black"><B>While virus control measures are taken here, ULTIMATELY IT IS YOUR RESPONSIBILITY TO CHECK ANY AND ALL FILES DOWNLOADED FOR VIRUSES!!</B></FONT>
[upload-link]
<div style="right; padding:15px;"><a href="%encoded-folder%~upload" class=button><img border=0 align=absbottom src="/~img32"><U> Click To Upload Files</U></a></div>
[up]
<a class=big href="%parent-folder%"><img src="/~img14"><U>Parent Directory - Go Back</U></a>
[nofiles]
<div class=big><i>*** This Folder is Empty ***</i></div>
[files]
<div class=little><b>%number-folders% Folders, %number-files% Files - Total Size: %total-size%</b></div>
<table width=90%>
<th><a href="%encoded-folder%?sort=n"><span class=column>Filename</span></a>
<th><a href="%encoded-folder%?sort=s"><span class=column>Filesize</span></a>
<th><a href="%encoded-folder%?sort=t"><span class=column>Filetime</span></a>
%list%
</table>
[file]
<tr><td class=row>%new% <a href="%item-url%"><img align=top src="/~img_file"> %item-name%</a>%comment%<td align=center class=row>%item-size%<td align=center class=row>%item-modified%
[folder]
<tr><td class=row>%new% <a href="%item-url%"><img align=top src="/~img_folder"> <b>%item-name%</b></a>%comment%<td align=center class=row><i>Folder</i><td align=center class=row>%item-modified%
[link]
<tr><td class=row>%new% <a href="%item-url%"><img align=top src="/~img_link"> <b>%item-name%</b></a>%comment%<td colspan=3 align=center class=row><i>Hyperlink</i>
[comment]
<div class=comment>%item-comment%</div>
[error-page]
<html><head><style>\n%style%\n</style></head><body>
%content%
<hr>
</body>
</html>
[not found]
<div class=text>
<h1>HTTP 404 - Not Found</h1>
<a href="/">Main Page - Index</a>
</div>
[overload]
<div class=text>
<h1>Server Busy</h1>
Please try again later.
</div>
[unauthorized]
<div class=text>
<h1>Unauthorized</h1>
This is a protected resource.
<br>Your username/password cannot be verified.
</div>
[deny]
<div class=text>
<h1>Unallowed</h1>
This resource is not accessible.
</div>
[ban]
<div class=text>
<h1>Banned!</h1>
You are banned from this server with the reason of: %reason%
</div>
[upload]
<html>
<head>
<title>Upload to: %folder%</title>
<style>\n%style%\n</style>
</head>
<body>
<CENTER<IMG SRC=/WebGraphics/WelcomeAncient2.jpg BORDER=0 HEIGHT=160 WIDTH=779 ALT=""></CENTER
<BODY BACKGROUND=/WebGraphics/blackbrk.gif>
%login-link%
%loggedin%
<div style="float:right; padding:15px;">
<script>
var s1, s2;
if (window.parent.progress) s1 = '" target=_parent"', s2 = 'Close';
else s1 = '+progress"', s2= 'Add';
document.write('<a href="%folder%~upload'+s1+' class=button onClick="if (frm.upbtn.disabled) return false;"><img border=0 align=absbottom src="/~img10"> '+s2+' Active Transfer(s) Frame</a>');
</script>
</div>
<div style="float:right; padding:15px;"><a href="%encoded-folder%" target=_parent class=button><img border=0 align=absbottom src="/~img21"><U> Cancel Upload - Go Back</U></a></div>
<br><br>
<div class=body>
<div class=text><b>Free Space Available For Upload: %diskfree%</b></div>
<br>
<form name=frm action="%encoded-folder%" target=_parent method=post enctype="multipart/form-data" onSubmit="frm.upbtn.disabled=true; return true;">
%upload-files%
<input name=upbtn type=submit value="Upload Selected Files">
</form>
<script language="jscript">if (!window.parent.progress) document.write('<div class=text><br><img src="/~img10"> Before uploading you may want to open a <a target=_blank href="/~progress">progress status window</a>.</div><div class=text><br><img src="/~img9"> <U>Please do not open the active transfers frame while the upload is in progress or <FONT SIZE="2" COLOR="#FF0000" FACE="Arial Unicode MS"><B>the upload will be CORRUPTED!.</B></U></FONT></div>');</script>
<div class=text><br><img src="/~img9"> <FONT SIZE="3" COLOR="#FF0000" FACE="Arial Unicode MS"><U><B>WARNING: Uploading a file with a same filename will overwrite the existing file.</B></U></FONT></div>
</div>
<div class=little>
<br>Server Time: %timestamp%
<br>Uptime: %uptime%
</div>
<CENTER><IMG SRC=/WebGraphics/SF_TW21.GIF BORDER=0 HEIGHT=459WIDTH=389 ALT=""></CENTER
</body>
</html>
[upload-file]
<input name=fileupload%idx% size=70 type=file><br>
[upload-results]
<html>
<head>
<title>Upload Results for: %folder%</title>
<style>\n%style%\n</style>
</head>
<body>
%loggedin%
<div class=little>Upload Results for:</div>
<div class=big>%folder%</div>
<div class=body>
%uploaded-files%
<br><br>
<a href="%encoded-folder%" target=_parent class=big><img border=0 align=absbottom src="/~img14"> Go Back</a>
</div>
</body>
</html>
[upload-success]
<li><b>SUCCESS!</b> Uploaded: %item-name% --- %item-size%
[upload-failed]
<li><b>FAILED!</b> Error while uploading: %item-name%: --- %reason%
[upload+progress]
<html>
<head>
<title>Upload to: %folder%</title>
<frameset cols=250,*>
<frame name=progress src="/~progress" scrolling=auto marginwidth=0>
<frame src="%encoded-folder%~upload" scrolling=auto>
</frameset>
</head>
<body>
</body>
</html>
[progress]
<html>
<head>
<META HTTP-EQUIV="Refresh" CONTENT="3;URL=/~progress">
<title>Active Transfers</title>
<style>
%style%
.filename { font-weight:bold; font-size:8pt; }
.bytes { font-size:7pt; }
.perc { font-size:14px; vertical-align:middle; }
.out_bar { width:100px; font-size:15px; background:black; border:black 1px solid; margin-right:5px; }
.in_bar { height:16px; background:white; color:white; }
div.body { margin-left:0; margin-right:0; }
body { padding:2px; }
</style>
</head>
<body>
<div class=big>Active Transfers</div>
<div class=text>Auto-Refresh: 3 Seconds</div>
<br><center><img src="/~img_graph190x40" style="border:white outset 2px;">
<div class=body>
%progress-files%
</div>
</body>
</html>
[progress-nofiles]
<div class=big>No Active Transfers</div>
[progress-upload-file]
<span class=flag> UP </span>
<div class=text><span class=filename>%filename%</span></div>
<div class=text><div class=bytes>%done-bytes% / %total-bytes% bytes<br>Current Upload Speed: %speed-kb% KB/s</div></div>
<div style="margin-top:5px; margin-bottom:20px;">
<span class=out_bar><span class=in_bar style="width:%perc%px"></span></span> <div class=text><span class=perc>%perc%%</span></div>
</div>
[progress-download-file]
<span class=flag> DOWN </span>
<div class=text><span class=filename>%filename%</span></div>
<div class=text><div class=bytes>%done-bytes% / %total-bytes% bytes<br>Current Download Speed: %speed-kb% KB/s</div></div>
<div style="margin-top:5px; margin-bottom:20px;">
<span class=out_bar><span class=in_bar style="width:%perc%px"></span></span><div class=text><span class=perc> %perc%%</span></div>
</div>
[newfile]
<span class=flag> NEW </span>