ok everyone knows im no good with html but when i made this template, it works good with firefox but check it out with ie.
http://just-n-freak.kicks-ass.net here is the code if anyone can see where i screwed up
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><div align="center"><FONT SIZE="+4";font color="#00ff00"><i>Welcome To Just-N-Freak File Server<i></FONT>
<br>
<TABLE BORDER="0">
<TR>
<TD><div class="uploadbutton">
<a href="/Upload/~upload"title="Here You Can Upload Files To the Upload Folder. I have To Add them After Approval">
<button style="width:120px;height:30px;border-top-color:#00ff00;
border-left-color:#00ff00;
border-right-color:#00ff00;
border-bottom-color:#00ff00; background-color:#000000";><b><FONT SIZE="-1""font color="#00ff00">Upload Files</FONT><b>
</button></a></TD>
<TD><div align="center"><div class=button>
<form style='width:163px' action='%folder%' method='get'>
<center><button style="width:120px;height:30px;border-top-color:#00ff00;
border-left-color:#00ff00;
border-right-color:#00ff00;
border-bottom-color:#00ff00; background-color:#000000";><b><FONT SIZE="-1""font color="#00ff00">Search</FONT><b><value="{.?search.}">
</button></a><center><br>
<input name=search size=23 value="{.?search.}"></TD>
<TD><div class="Contact Us">
<a href="mailto:justme488@yahoo.com"title="Any Problems Or Questions, let us know">
<button style="width:120px;height:30px;border-top-color:#00ff00;
border-left-color:#00ff00;
border-right-color:#00ff00;
border-bottom-color:#00ff00; background-color:#000000";><b><FONT SIZE="-1""font color="#00ff00">Contact Us</FONT><b>
</button></a></TD>
</TD>
</TR>
<TABLE BORDER="0">
<TR>
<img src="/~img_graph615x40" style="border:1px solid #00ff00;"></div>
<p></TABLE>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="/~style.css" type="text/css" />
<link rel="stylesheet" href="/~style.menu.css" type="text/css" />
<title>Just-N-Freak File Server</title>
<link rel="shortcut icon" href="favicon.ico" />
<!--[if lte IE 5.5]>
<style type="text/css">
</style>
<![endif]-->
{.comment|
Thanks to the following line, you can customize the appearance of the original template by
right click on the root -> advanced -> diff template
then type [style.user] followed by all the CSS commands you want.
This way you will stay up to date while the original template improves.
.}
<style type="text/css">{.$style.user.}<TEXT="#00ff00"></style>
</head>
<table width='100%'>
<tr>
<td width='95%'>
{.if| %user% |
<td nowrap>
/if.}
{.if| {.get|can recur.} |
<td nowrap>
/if.}
<!--[if lte IE 6]><table><tr><td><![endif]-->
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</table>
<div id=body><center><font color="#00ff00">
{.if| %folder-item-comment% | <div id=foldercomment>%folder-item-comment%</div> .}
{.if| {.?search.} | <a class=big href="."><img src="/~img14" /> {.!BACK.}</a>
| {.if| {.%folder% != / .} | <a class=big href=".."><img src="/~img14" /> {.!Please Wait....}</a> .}
/if.}
{.if not| %number% | <div class=big>{.!No files.}</div> |
<div id=folderstats><i><div align="center"><FONT SIZE="+1";font color="#00ff00"> </div><i>If You Have Something To Share, Please Upload</FONT></div>
<table id=files cellpadding=5>
<th><a href="{.get|url|sort=n|rev={.not|{.?rev.} .} .}">{.!Filename.}</a><a href="{.get|url|sort=e|rev={.not|{.?rev.} .} .}"></a>
<th><a href="{.get|url|sort=s|rev={.not|{.?rev.} .} .}">{.!Filesize.}</a>
<th><a href="{.get|url|sort=t|rev={.not|{.?rev.} .} .}">{.!Filetime.}</a>
<th><a href="{.get|url|sort=d|rev={.not|{.?rev.} .} .}">{.!Hits.}</a>
%list%
</table>
/if not.}
</div>
<body><table border="4" bordercolor="#00ff00" width="34%" bgcolor="#000000">
<tr><th colspan="2"><FONT SIZE="-1""font color="#00ff00">Server Stats</font></th></tr>
<td align=right><FONT SIZE="-1""font color="#00ff00">Your IP address</font></td>
<td><FONT SIZE="-1""font color="#00ff00">%ip%</font></td>
</tr>
<tr>
<td align=right><FONT SIZE="-1""font color="#00ff00">Page generated in</font></td>
<td><FONT SIZE="-1""font color="#00ff00">%build-time% Second(s)</font></td>
</tr>
<tr>
<td align=right><FONT SIZE="-1""font color="#00ff00">Current server time</font></td>
<td><FONT SIZE="-1""font color="#00ff00">%timestamp%</font></td>
</tr>
<tr>
<td align=right><FONT SIZE="-1""font color="#00ff00">Current Server Outbound</font></td>
<td><FONT SIZE="-1""font color="#00ff00">%speed-out%KB/s</font></td>
</tr>
<tr>
<td align=right><FONT SIZE="-1""font color="#00ff00">Current Server Inbound</font></td>
<td><FONT SIZE="-1""font color="#00ff00">%speed-in%KB/s</font></td>
</tr>
<tr>
<td align=right><FONT SIZE="-1""font color="#00ff00">Connections currently connected</font></td>
<td><FONT SIZE="-1""font color="#00ff00">%connections% connection(s)</font></td>
</tr>
<tr>
<td align=right><FONT SIZE="-1""font color="#00ff00">Server Uptime</font></td>
<td><FONT SIZE="-1""font color="#00ff00">%uptime%</font></td>
</tr>
<tr>
<td align=right><FONT SIZE="-1""font color="#00ff00">Number of folder(s)</font></td>
<td><FONT SIZE="-1""font color="#00ff00">%number-folders% Folder(s)</font></td>
</tr>
<tr>
<td align=right><FONT SIZE="-1""font color="#00ff00">Number of file(s)</font></td>
<td><FONT SIZE="-1""font color="#00ff00">%number-files% File(s)</font></td>
</tr>
<tr>
<td align=right><FONT SIZE="-1""font color="#00ff00">Disk Space available</font></td>
<td><FONT SIZE="-1""font color="#00ff00">%diskfree%</font></td>
</tr>
<tr>
<td align=right><FONT SIZE="-1""font color="#00ff00">Total size</font></td>
<td><FONT SIZE="-1""font color="#00ff00">%total-size%</font></td>
</tr>
</table></p>
<div id=footer></p>
<div align="center"><FONT SIZE="+1"font color="#00ff00">Powered By <a href="
http://www.rejetto.com/hfs/">HttpFileServer %version%</a></FONT></div>
</div>
</body>
</html>
<!-- Build-time: %build-time% -->
[style.css|no log]
body, th { font-family:tahoma, verdana, arial, helvetica, sans;font-weight:bold;color:00ff00; font-size:9pt; }
body { margin:0; background-color:#000000; padding:10px; }
p { margin:0 }
a { font-weight:bold; color:#00ff00; }
a:visited { color:grey; }
a:hover{color:blue;}
img { border-style:none }
#files td { font-size:10pt; background:#000000; border:1px solid #00ff00 }
#files td img { vertical-align:top }
#files th, th a, th a:visited { color:#00ff00; font-size:13pt; padding-bottom:0; }
#foldercomment { font-size:10pt; color:#00ff00; background:#000000; padding:3px;border:1px solid #00ff00 ; border-bottom:3px solid #00ff00; margin-top:2px; }
#folder, .big { font-size:14pt; }
#folderlabel, #folderstats, #footer { font-size: 8pt;color:#00ff00}
#body{width:64%;
border-bottom: 4px solid #00ff00;
border-top: 4px solid #00ff00;
border-left: 1px solid #00ff00;
border-right: 1px solid #00ff00;
background:#000000;
}
.comment { font-size:7pt; color:#888; background:#EEE; padding:3px; border:1px solid #DDD; margin-top:2px; }
.button { padding:5px; padding-top:7px; border:1px outset #00ff00; background:black; font-size:8pt; font-weight:bold; }
a.button { padding:8px 10px; }
a.button img { vertical-align:text-bottom; }
.flag { font-weight:bold; font-size:8pt; background:white; color:red; text-align:center; border:1px solid red; }
.item-folder { font-size:smaller; margin-top:4px; }
[style.menu.css|no log]
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at
http://www.cssplay.co.uk/menus/drop_examples.htmlCopyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
hr { clear:both; margin-bottom:30px }
.left { clear:both; }
[item start]
<tr><td>
{.if|{.get|is new.}|<span class=flag> NEW </span>.}
{.if not|{.get|can access.}|<img src='/~img_lock'>.}
<a href="%item-url%"> %item-name%</a>
{.if| {.?search.} |{:<div class=item-folder>{.!item folder.} <a href="%item-folder%">%item-folder%</div>:} .}
{.if| %item-comment% | <div class=comment>%item-comment%</div> .}
[file]
{.$item start.}<td align=right>%item-size%<td align=right>%item-modified%<td align=right>%item-dl-count%
[folder]
{.$item start.}<td align=center><i>folder</i><td align=right>%item-modified%<td align=right>%item-dl-count%
[link]
{.$item start.}<td colspan=3 align=center><i>link</i>
[error-page]
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="/~style.css" type="text/css" />
</head>
<body>
%content%
<hr>
<div style="font-family:tahoma, verdana, arial, helvetica, sans; font-size:8pt;{ font-weight:bold; font-size:8pt; background:#000000;">
<a href="
http://www.rejetto.com/hfs/">HttpFileServer %version%<<a href="%item-url%"></> %item-name%</a></a>
<br />%timestamp%
</div>
</body>
</html>
[not found]
<h1>{.!Not found.}</h1>
<a href="/">{.!go to root.}</a>
[overload]
<h1>{.!Server busy.}</h1>
{.!retry later.}
[max contemp downloads]
<h1>Download limit</h1>
{.!max c dl msg.}
[unauthorized]
<h1>Unauthorized</h1>
This is a protected resource.
<br />Your username/password doesn't match.
[deny]
<h1>Unallowed</h1>
This resource is not accessible.
[ban]
<h1>You are banned.</h1>
%reason%
[upload]
<html>
<head>
<title>HFS %folder%</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="/~style.css" type="text/css" />
</head>
<body>
<script language="javascript">
var s1, s2;
if (window.parent.progress) s1 = '" target=_parent', s2 = '{.!CLOSE PROGRESS FRAME.}';
else s1 = '+progress"', s2= '{.!ADD PROGRESS FRAME.}';
document.write('<a href="~upload'+s1+' class=button onClick="if (frm.upbtn.disabled) return false;"><img src="/~img10" /> '+s2+'</a>');
</script>
<a href="." target=_parent class=button><img src="/~img21" /> {.!CANCEL UPLOAD.}</a>
<div style="margin-top:25px" id=folderlabel>{.!folder.}</div>
<div id=folder>%folder%</div>
<div id=body>
<form name=frm action="." target=_parent method=post enctype="multipart/form-data" onSubmit="frm.upbtn.disabled=true; return true;">
%upload-files%
<input name=upbtn type=submit value="{.!Upload files.}">
</form>
<br />{.!progress advice.}
</div>
<div id=footer>
<a href="
http://www.rejetto.com/hfs/">HttpFileServer %version%</a>
<br />{.!Servertime.}: %timestamp%
<br />{.!Uptime.}: %uptime%
<br />{.!Disk space.}: %diskfree%
</div>
</body>
</html>
[upload-file]
<input name=fileupload%idx% size=70 type=file><br />
[upload-results]
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="/~style.css" type="text/css" />
<title>HFS %folder%</title>
</head>
<body>
<div style="margin-top:25px" id=folderlabel>{.!folder.}</div>
<div id=folder>%folder%</div>
<div id=body>
%uploaded-files%
<br /><br />
<a href="." target=_parent class=big><img src="/~img14" /> {.!Back to the folder.}</a>
</div>
<div class=footer>
<a href="
http://www.rejetto.com/hfs/">HttpFileServer %version%</a>
<br />{.!Servertime.}: %timestamp%
<br />{.!Uptime.}: %uptime%
<br />{.!Disk space.}: %diskfree%
</div>
</body>
</html>
[upload-success]
<li><a href='%item-url%'>%item-name%</a>: <b>{.!OK.}</b> --- %item-size% ({.!Speed.} %speed% KB/s)
{.if| %user% |{: {.append| %folder-resource%\hfs.comments.txt |{.filename|%item-resource%.}=uploaded by %user%
/append.} :}/if.}
[upload-failed]
<li>%item-name%: <b>{.!FAILED.}</b> --- {.!%reason%.}
[upload+progress]
<html>
<head>
<frameset cols=200,*>
<frame name=progress src="/~progress" scrolling=auto marginwidth=0>
<frame src="~upload-no-progress" scrolling=auto>
</frameset>
</head>
<body>
</body>
</html>
[progress]
<html>
<head>
<meta http-equiv="Refresh" content="7;URL=/~progress">
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="/~style.css" type="text/css" />
<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; float:left; }
.in_bar { height:16px; background:white; color:white; }
#body { margin-left:0; margin-right:0; }
body { padding:2px; }
#graph { border:white outset 2px; }
</style>
<title>HFS - {.!Progress status.}</title>
</head>
<body>
<div class=big>{.!Progress status.}</div>
{.!Auto-refresh.}: 7 {.!seconds.}
<br /><br /><img src="/~img_graph190x40" id="graph" />
<div id=body>
%progress-files%
</div>
<div id=footer>{.!Uptime.}: %uptime%</div>
</body>
</html>
[progress-nofiles]
<div class=big>No file exchange in progress.</div>
[progress-upload-file]
<span class=flag> up </span>
<span class=filename>%filename%</span>
<div class=bytes>
%done-bytes% / %total-bytes% bytes
<br />Speed: %speed-kb% KB/s
</div>
<div style="margin-top:5px; margin-bottom:20px;">
<div class=out_bar><div class=in_bar style="width:%perc%px"></div></div> <span class=perc>%perc%%</span>
</div>
[progress-download-file]
<span class=flag> down </span>
<span class=filename>%filename%</span>
<div class=bytes>
%done-bytes% / %total-bytes% bytes
<br />Speed: %speed-kb% KB/s
</div>
<div style="margin-top:5px; margin-bottom:20px;">
<div class=out_bar><div class=in_bar style="width:%perc%px"></div></div> <span class=perc>%perc%%</span>
</div>
max c dl msg=On this server there is a limit on the number of <b>simultaneous</b> downloads.<br />This limit has been reached. Retry later.
retry later=Please, retry later.
progress advice=Before uploading you may want to open a <a target='_blank' href="/~progress">progress status window</a>.
item folder=in folder