rejetto forum
Software => HFS ~ HTTP File Server => HTML & templates => Topic started by: JPMATRIX on May 17, 2006, 09:16:17 AM
-
hi
i made this template with some ideias i toke from this forum
here it is -->
http://tec05iefp.no.sapo.pt/4562372.JPG
I ould share the code but I am having problems with internet explorer the tables in IE apear on the center but in firefox apear aligned to the left i still dont know the problem :?
Cumps ;)
-
ok final version.
i think its quite god now.
a look --> (http://img56.imageshack.us/img56/9534/template0mw.th.jpg) (http://img56.imageshack.us/my.php?image=template0mw.jpg)
And the code here:
<html>
<head>
<title>HFS JPMATRIX Server ( %version% ) ::: Server Uptime %uptime% </title>
<style>\n%style%\n</style>
<link rel="shortcut icon" href="favicon.ico">
</td>
<center><img src="http://projogos.no.sapo.pt/mysig.JPG"</center>
</td>
<!-- Search Google -->
<center>
<FORM method=GET action="http://www.google.com/search">
<TABLE bgcolor="#87cefa"><tr><td>
<A HREF="http://www.google.com">
<IMG SRC="http://projogos.no.sapo.pt/google.jpg" border="0"
ALT="Google" align="absmiddle"></A>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT TYPE=hidden name=hl value=pt>
<INPUT type=submit name=btnG VALUE="Google Search">
</td></tr></TABLE>
</FORM>
</center>
<!-- Search Google -->
</head>
<body>
%login-link%
%loggedin%
%upload-link%
<div class=little>folder</div>
<div class=big>%folder%</div>
<div class=body>
%folder-comment%
%up%
%files%
</div>
<div class=little>
<p align="center">
<br><a href="mailto:jpmatrix@gmail.com">HFS Template by JPMATRIX</a> :: <a href="http://www.rejetto.com/hfs/">HttpFileServer %version%</a>
<br> [Upload - %speed-out% KB/sec] :: [Total Out - %total-out%] ::[Download - %speed-in% KB/sec] :: [Total In - %total-in%]
<br> [Conections - %connections%] :: [Uptime: %uptime%] :: [Page Generated in %build-time% Second(s)] :: [Server Time: %timestamp%]
<br><img src="/~img_graph615x40" style="border:white outset 0px;"> </p>
</div>
</body>
</html>
[style]
body, .button, .row, .big, .little, th, comment { font-family:tahoma, verdana, arial, helvetica, sans; font-weight:normal; font-size:9pt; }
body { margin:0; background-color:#87cefa; padding:10px; }
p { margin:0 }
.big { font-size:14pt; font-weight:bold; }
.little { font-size: 8pt; }
div.body {
border-bottom: 2px solid #000000;
border-top: 2px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
background:#f0f8ff;
padding:15px;
margin:15px;
}
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:10pt; background:#FFFFFF; border:1px solid #000000 }
.comment { font-size:7pt; color:#888888; background:#EEEEEE; padding:3px; border:1px solid #DDDDDD; margin-top:2px; }
.column { color:#555555; font-size:13pt; font-weight:bold; padding-bottom:0; }
.button { padding:5px; padding-top:7px; border:2px solid black; background:white; font-size:8pt; font-weight:bold; }
.flag { font-weight:bold; font-size:8pt; background:white; color:red; text-align:center; border:1px solid red; }
[login-link]
<div style="float:left; padding:15px;"><a href="%encoded-folder%~login" class=button><img border=0 align=absbottom src="/~img27"> LOGIN</a></div>
[loggedin]
<div style="float:left; padding:15px;"><span class=button><img border=0 align=absbottom src="/~img27"> user: %user%</span></div>
[upload-link]
<div style="float:left; 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=little>%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>
<p class=right>
<a class=little href='%encoded-folder%~files.lst'>File list</a>
[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>
[folder-comment]
<div style='font-size:10pt; color:#000000; background:#f0f8ff; padding:3px; border:1px solid #000000; border-bottom:1px solid #000000; margin-top:2px;'>
%item-comment%</div>
[error-page]
<html><head><style>\n%style%\n</style></head><body>
%content%
<hr>
<div style="font-family:tahoma, verdana, arial, helvetica, sans; font-size:8pt;">
<a href="http://www.rejetto.com/hfs/">HttpFileServer %version%</a>
<br>%timestamp%
</div>
</body>
</html>
[not found]
<h1>404 - Not found</h1>
<a href="/">go to root</a>
[overload]
<h1>The server is too busy, try again latter ;)</h1>
[max contemp downloads]
<h1>Download limit</h1>
The server as a limit of <b>contemporaneous</b> downloads.
<br>Limit reached, try again later. :|
[unauthorized]
<h1><br>This folder is protected!</h1>
<br>wrong username or password.
<br><p>Mail the administrator: <a href="mailto:jpmatrix@gmail.com">JPMATRIX</a></p>
[deny]
<h1>Unallowed</h1>
This resource is not accessible.
[ban]
<h1>You are banned.</h1>
<center><img src="http://projogos.no.sapo.pt/banned.gif"</center>
%reason%
[upload]
<html>
<head>
<title>HFS %folder%</title>
<style>\n%style%\n</style>
</head>
<body>
%login-link%
%loggedin%
<div style="float:right; padding:15px;">
<script language="javascript">
var s1, s2;
if (window.parent.progress) s1 = '" target=_parent', s2 = 'CLOSE';
else s1 = '+progress"', s2= 'ADD';
document.write('<a href="%encoded-folder%~upload'+s1+' class=button onClick="if (frm.upbtn.disabled) return false;"><img border=0 align=absbottom src="/~img10"> '+s2+' PROGRESS 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 style="margin-top:60px" class=little>folder</div>
<div class=big>%folder%</div>
<div class=body>
<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="Send Files">
</form>
<br>Before uploading you may want to open a <a target=_blank href="/~progress">progress status window</a>.
</div>
<div class=little>
<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>
<title>HFS %folder%</title>
<style>\n%style%\n</style>
</head>
<body>
%loggedin%
<div style="margin-top:60px" class=little>folder</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"> Back to the folder</a>
</div>
<div class=little>
<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>%item-name%: <b>OK</b> --- %item-size% (Speed %speed% KB/s)
[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="%encoded-folder%~upload-no-progress" 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: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; }
div.body { margin-left:0; margin-right:0; }
body { padding:2px; }
</style>
</head>
<body>
<div class=big>Progress status</div>
Auto-refresh: 3 seconds
<br><br><img src="/~img_graph190x40" style="border:white outset 2px;">
<div class=body>
%progress-files%
</div>
<div class=little>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>
%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>
[newfile]
<span class=flag> NEW </span>
-
One question, is it possible to change the graph colours?
-
nope
-
:? thanks anyway ;)
-
(http://img111.imageshack.us/img111/7749/template29ky.th.jpg) (http://img111.imageshack.us/my.php?image=template29ky.jpg)
new template :D