is this what you wanted?
I exported the template as a tpl but I was not able to uplaod it as an attachment
<html>
<head>
<title>Current Directory: %folder%</title>
<style>\n%style%\n</style>
</head>
<body><center><img src="
http://put your own image here.jpg" alt="from Some File Server" /></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</a></div>
<div style="float:right; padding:15px;"><a href="%encoded-folder%~files.lst" class=button><img border=0 align=absbottom src="/~img4"> File Listing</a></div>
<div class=little>Current Directory:</div>
<div class=big>%folder%</div>
<div class=body>
%up%
%files%
</div>
<center><div style="background:#000000; color:#FF8EE6; 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>
<a href="
http://www.berungox.com"> </a>
<br>Server Time: %timestamp%
<br>Uptime: %uptime%
<br>Page Generated in: %build-time%s
</div>
</body>
</html>
[style]
body, .row { color: #000000 }
body, .button, .big, .little, th, comment { font-family:tahoma, verdana, arial, helvetica, sans; font-weight:normal; font-size:9pt; color:#FF8EE6; }
body { margin:0; background-color:#000000; padding:10px; color:#FF8EE6; }
p { margin:0 }
.big { font-size:14pt; font-weight:bold; color:#FF8EE6 }
.little { font-size: 8pt; color:#FF8EE6; }
div.body {
border-bottom: 4px solid #FF8EE6;
border-top: 4px solid #FF8EE6;;
border-left: 2px solid #FF8EE6;;
border-right: 2px solid #FF8EE6;;
background:#000000; padding:15px; margin:15px;
}
A { text-decoration:none; background-color:Transparent; color:#FF3300; font-weight:bold; }
A:visited { color:#3333CC; }
A:hover { background-color:#E1E1E1; }
img { border-style:none }
.row { font-size:10pt; background:#FFF8E6; border:1px solid #FF8EE6 }
.comment { font-size:7pt; color:#FF8EE6; background:#FF8EE6; padding:3px; border:1px solid #FF8EE6 margin-top:2px; }
.column { color:#FF8EE6;; 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:#FF8EE6; }
[login-link]
<div style="float:right; padding:15px;"><a href="%encoded-folder%~login" class=button><img border=0 align=absbottom src="/~img27"> Login Here</a></div>
[loggedin]
<div style="float:right; padding:15px;"><div class=text><span class=button><img border=0 align=absbottom src="/~img27"> Logged in as: %user%</span></div></div>
[upload-link]
<div style="float:right; padding:15px;"><a href="%encoded-folder%~upload" class=button><img border=0 align=absbottom src="/~img32"> Upload Files</a></div>
[up]
<a class=big href="%parent-folder%"><img src="/~img14"> Parent Directory</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>
%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"> Cancel Upload</a></div>
<div class=little>Upload to:</div>
<div class=big>%folder%</div>
<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"> Please do not open the active transfers frame while the upload is in progress or the upload will be corrupted.</div>');</script>
<div class=text><br><img src="/~img9"> WARNING: Uploading a file with a same filename will overwrite the existing file.</div>
</div>
<div class=little>
<a href="
http://www.berungox.com"> </a><br>Server Time: %timestamp%
<br>Uptime: %uptime%
</div>
</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>
