I'm trying too chance this template with another background color (#7378FF).
I don't no wat i'm doing wrong,
Can someone help me out, the background color stil be the same as the default template.
Thanks.
this template is from HFS 2.0 Alpha 11.
<html>
<head>
<title>HFS %folder%</title>
<style>\n%style%\n</style>
</head>
<body>
%login-link%
%loggedin%
%upload-link%
<div class=label></div
<div class=folder>Welcome at...</div>
<div class=folder>Dutchman's FTP Server.</div>
<br>Server Build:21-04-2004
<br>Last Update:27-05-2004
<div class=body
<div class=l
<div class=label>folder
<div class=big>%folder%</div>
<div class=body>
%up%
%files%
</div>
<div class=label>
<div class=folder>Have Fun!!!</div>
<br>Server time: %timestamp%
<br>Server Uptime: %uptime%
</div>
</body>
</html>
[style]
body, .button, .row, .big, .label, th, comment { font-family:tahoma, verdana, arial, helvetica, sans; font-weight:normal; font-size:10pt; }
body { margin:0; background-color:#DDDDFF; padding:10px;}
.label { font-size: 10pt; }
div.body {
border-bottom: 4px solid #7378FF;
border-top: 4px solid #7378FF;
border-left: 1px dotted #7378FF;
border-right: 1px dotted #7378FF;
background:#F3F3FF; padding:15px; margin:15px;
}
.big { font-size:16pt; font-weight:bold; }
A { text-decoration:none; background-color:Transparent; color:#0055FF; }
A:visited { color:#5555FF; }
A:hover { background-color:#EEEEFF; }
img { border-style:none }
.right { text-align:right }
.row { font-size:12pt; background:#FFFFFF; border:1px solid #7378FF }
.comment { font-size:7pt; color:#888888; background:#EEEEEE; padding:3px; border:1px solid #DDDDDD; margin-top:2px; }
.column { color:#555555; font-size:15pt; font-weight:bold; padding-bottom:0; }
.button { padding:5px; padding-top:7px; border:2px solid black; background:white; font-size:10pt; font-weight:bold; }
.flag { font-weight:bold; font-size:10pt; background:white; color:red; text-align:center; border:1px solid red; }
[login-link]
<div style="float:right; padding:15px;"><a href="%encoded-folder%~login" class=button><img border=0 align=absbottom src="/~img27"> LOGIN</a></div>
[loggedin]
<div style="float:right; padding:15px;"><span class=button><img border=0 align=absbottom src="/~img27"> user: %user%</span></div>
[upload-link]
<div style="float:right; padding:15px;"><a href="%encoded-folder%~upload" class=button><img border=0 align=absbottom src="/~img32"> UPLOAD</a></div>
[up]
<a class=big href="%parent-folder%"><img src="/~img14"> UP</a>
[nofiles]
<div class=big>No files</div>
[files]
<div class=label>%number-folders% folders, %number-files% files - Total: %total-size%</div>
<table cellpadding=5>
<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>
<th class=column>Hits
%list%
</table>
[file]
<tr><td class=row>%new% <a href="%item-url%"><img align=top src="/~img_file"> %item-name%</a>%comment%<td class="row right">%item-size%<td class="row right">%item-modified%<td class="row right">%item-dl-count%
[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 class="row right">%item-modified%<td class="row right">%item-dl-count%
[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>link</i>
[comment]
<div class=comment>%item-comment%</div>
[not found]
<html><head><style>\n%style%\n</style></head><body>
<h1>404 - Not found</h1>
<a href="/">go to root</a>
<hr>
<div style="font-family:tahoma, verdana, arial, helvetica, sans; font-size:10pt;">
<br>%timestamp%
</div>
</body>
</html>
[overload]
<html><head><style>\n%style%\n</style></head><body>
<h1>Server busy</h1>
Please, retry later.
<hr>
<div style="font-family:tahoma, verdana, arial, helvetica, sans; font-size:10pt;">
<br>%timestamp%
</div>
</body>
</html>
[unauthorized]
<html><head><style>\n%style%\n</style></head><body>
<h1>Unauthorized</h1>
!!! STOP !!!
<br>This is a protected resource!!!
<br>
<br>Your username/password doesn't match.
<br>If you lost your password please contact me.
<hr>
<br>!!! Your IP Adress is logged! !!!
<hr>
<div style="font-family:tahoma, verdana, arial, helvetica, sans; font-size:10pt;">
<br>%timestamp%
</div>
</body>
</html>
[deny]
<html><head><style>\n%style%\n</style></head><body>
<h1>Unallowed</h1>
This resource is not accessible.
<hr>
<div style="font-family: tahoma, verdana, arial, helvetica, sans; font-size: 10pt;">
<br>%timestamp%
</div>
</body>
</html>
[ban]
<html><head><style>\n%style%\n</style></head><body>
<h1>You are banned.</h1>
%reason%
<hr>
<div style="font-family: tahoma, verdana, arial, helvetica, sans; font-size: 10pt;">
<br>%timestamp%
</div>
</body>
</html>
[upload]
<html>
<head>
<title>HFS %folder%</title>
<style>\n%style%\n</style>
</head>
<body>
%login-link%
%loggedin%
<div style="float:right; padding:15px;"><a href="%encoded-folder%~upload+progress" class=button><img border=0 align=absbottom src="/~img10"> ADD PROGRESS FRAME</a></div>
<div style="float:right; padding:15px;"><a href="%encoded-folder%" class=button><img border=0 align=absbottom src="/~img21"> CANCEL UPLOAD</a></div>
<div class=label>folder</div>
<div class=big>%folder%</div>
<div class=body>
<form action="%encoded-folder%~upload" method=post enctype="multipart/form-data">
%upload-files%
<input type=submit value='Upload files'>
</form>
<br>Before uploading you may want to open a <a target=_blank href='/~progress'>progress status window</a>.
</div>
<div class=label>
<br>Servertime: %timestamp%
<br>Uptime: %uptime%
</div>
</body>
</html>
[upload-file]
<input name=fileupload%idx% size=100 type=file><br>
[upload+progress]
<html>
<head>
<frameset cols=200,*>
<frame 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>HFS - Progress status</title>
<style>
%style%
.filename { font-weight:bold; font-size:10pt; }
.bytes { font-size:9pt; }
.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>Progress status</div>
Auto-refresh: 3 seconds
<div class=body>
%progress-files%
</div>
<div class=label>
<br>Servertime: %timestamp%
<br>Uptime: %uptime%
</div>
</body>
</html>
[progress-nofiles]
<div class=big>Currently no file exchange is on with your address</div>
[progress-upload-file]
<span class=flag> up </span>
<span class=filename>%filename%</span>
<div class=bytes>%bytes% / %total% bytes</div>
<div style='margin-top:5px; margin-bottom:20px;'>
<span class=out_bar><span class=in_bar style='width:%perc%px'></span></span> <span class=perc>%perc%%</span>
</div>
[progress-download-file]
<span class=flag> down </span>
<span class=filename>%filename%</span>
<div class=bytes>%bytes% / %total% bytes</div>
<div style='margin-top:5px; margin-bottom:20px;'>
<span class=out_bar><span class=in_bar style='width:%perc%px'></span></span><span class=perc> %perc%%</span>
</div>
[newfile]
<span class=flag> NEW </span>