Author Topic: my new template V12 - help-me to improve-it, come on  (Read 3355 times)

0 Members and 1 Guest are viewing this topic.

Offline ledufe

  • Tireless poster
  • ****
  • Posts: 272
  • LEandro DUpont FErreira
    • View Profile
    • http://ledufe.no-ip.info:2222
my new template V12 - help-me to improve-it, come on
« on: April 25, 2006, 12:41:47 AM »
hi guys, im posting now pictures of my template 12, and he is come with some things included:
-3 css styles selectable
-1 javascript to change on the fly the css and also save it variable in a cookie.
-1 javascript to open a player in a new window to keepplaying while are you browsing.
-some images associate with some file types
- something that would be cool to other newbees like me, i separated the hfs default template in 31 files, namead as the sections and like one that i saw in another post of this forum, and it is a great source of understanding how the template-system works
and i, like in the template V11, try to separate the hfs file-structure, with some default dirs..., and i was ask in another topic, but i guess that i can ask in here, is anybody doing your templates with some kind of file/dirs structure to run it correctly in the hfs?

http://img288.imageshack.us/my.php?image=tpl12css10qv.jpg tpl12-css1.jpg

http://img19.imageshack.us/my.php?image=tpl12css23zb.jpg tpl12-css2.jpg

http://img19.imageshack.us/my.php?image=tpl12css38rs.jpg tpl12-css3.jpg

http://img273.imageshack.us/my.php?image=tpl12imgassociatedtofiletypes9.jpg tpl12-img-associated-to-file-types.jpg

http://img273.imageshack.us/my.php?image=tpl12imgpreviewnothumbnailyet8.jpg tpl12-img-previewNO-THUMBNAIL-YET.jpg

http://img250.imageshack.us/my.php?image=tpl12m3uplayerstreamingoffolde.jpg tpl12-m3u-player-streaming-of-folder-in-new-window.jpg

here goes my hfs runing it

http://ledufe.no-ip.info:2222
try browse the dir Test

here, the link to the pack with the template 12, just unpack it and you will figure out how to use it...

REMOVED - i lost this file when formated my pc

here goes the instruction of my previous pack, but it serves to this pack as well, come'on guys lets share the templates, lets find-out what we can do with this very good and cool program, thanks rejetto, and all of this fórum,  im glad to know this software and this fórum, im learning so much with all of you here...

and here goes just the tpl code

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>HFS %folder%</title>
<LINK REL=Stylesheet HREF="/hfs-css/hfs-default.css" TYPE="text/css" TITLE="default">
<script src="/hfs-js/changeStyle.js"></script>
<!--  code for popHTMLwith_embed_player from some scratches of a friend of mine Thanks Leandro Cavalheiro!!! -->
<script language="javascript">
function popUp(){
//var x;
win =  window.open('','teste', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=200,height=300,left = 390,top = 285');
  win.document.write("<embed src='%encoded-folder%~files.lst.m3u' autostart='true' type='audio/mpeg' loop='true'/>");
}
</script>
</head>
<!--  comentario -->
<body>

<div id="navBar">
<div id="left">
  <div id="search" align="center">
           <img src="/hfs-img/web-logos/logo_google.gif" alt="google search">
<br>
<!--  code for the google search from MARA OF THIS FoRUM -->
      <form action=http://google.com/search name=f>
<INPUT name=q style="BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff 1px solid; COLOR: #165a9d; BORDER-BOTTOM: #ffffff 1px solid" value="Web Search" size=15 maxlength=2048>
<input type="submit" value="GO" name="btnG">
</form>
<p>
<form name=gs method=GET action=http://images.google.com/images>
<INPUT name=q style="BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff 1px solid; COLOR: #165a9d; BORDER-BOTTOM: #ffffff 1px solid" value="IMG Search" size=15>
<input type="submit" value="GO" name="btnG">
</form>
  </div>
  <div id="relatedLinks" align="center">
    <ul>
      <li><a href="/~progress">Network Trafic</a></li>
      <li>    
          <select name="grootte" onchange="SetCookie(nameOfCookie, this.value, exp); doRefresh();">
            <option name="grootte" value="0">StyleSheet</option>
            <option name="grootte" value="1">Macromedia</option>
            <option name="grootte" value="2">Nature</option>
            <option name="grootte" value="3">Black</option>
          </select>
      </li>
    </ul>
  </div>



  <div id="headlines" align="center">
    <h3>MediaPlayer</h3>
    <p><a href="javascript:popUp();">Pop-up Player</a> </p>
  </div>
<br>
  <div id="advert" align="center"> <a href="http://www.rejetto.com/hfs/" target="_blank"><img src="/hfs-img/web-logos/hfs.jpg" alt="" width="48" height="61"><br> Powered By Rejetto HFS</a> </div>
</div>
</div>
<!--end navbar -->
<div id="content">
<div id="masthead">
  <h1 id="siteName">HFS %folder%</h1>
  <div id="globalNav"> %login-link%%loggedin% | %upload-link% | <a href="http://%host%">Home </a> |</div>
<!-- end masthead -->
  <div id="breadCrumb" align="right"> <a class=little href='%encoded-folder%~files.lst'>File list</a> / <a class=little href='%encoded-folder%~files.lst.m3u'>M3u List</a>/ %up% /</div>
  <h2 id="pageName" align="right">Folder</h2>
  %folder-comment%<p>
%files%
</div>
</div>
</div>
<br>
<br>
<br>
<br>
<div id="siteInfo" align="center"><a href="http://www.rejetto.com/hfs/">HttpFileServer %version%</a> | <a href="#">Servertime: %timestamp%</a> | <a href="#">Uptime: %uptime%</a> | <a href="#">Build-time: %build-time%</a> | &copy;2006 HFSTemplate </div>
<br>
</div>
</body>
</html>


[login-link]
<a href="%encoded-folder%~login">LOGIN</a>

[loggedin]
<span>user: %user%</span>

[upload-link]
<a href="%encoded-folder%~upload">UPLOAD</a>

[up]
<a class=big href="%parent-folder%"><img src="/~img14"> UP</a>

[nofiles]
<div class=big>No files</div>

[files]
<div class=little margin: 0 0 0 150;><b>%number-folders% Folders,  %number-files% Files - Total Size: %total-size%</b></div>
<table width="100%">
<tr>
<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>
</tr>
%list%
</table>

[file]
<tr><td>%new% <a href="%item-url%">
<!--  code for the script from someone else in this forum i will find his/hers name -->
<script language="javascript">
var c='%item-name%';
switch (  c.substr(  c.lastIndexOf('.')  ) .toLowerCase()  )
   {
   case '.avi' : document.write('<img align=top src="/hfs-img/file-folder-types/avi.jpg"> ');break;
   case '.mp4' : case '.mov' : case '.movie' : case '.3gp' : document.write('<img align=top src="/hfs-img/file-folder-types/mov.jpg"> ');break;
   case '.txt' : document.write('<img align=top src="/hfs-img/file-folder-types/txt.jpg"> ');break;
   case '.bat' : document.write('<img align=top src="/hfs-img/file-folder-types/bat.jpg"> ');break;
   case '.doc' : document.write('<img align=top src="/hfs-img/file-folder-types/doc.jpg"> ');break;
   case '.eml' : document.write('<img align=top src="/hfs-img/file-folder-types/eml.jpg"> ');break;
   case '.pdf' : document.write('<img align=top src="/hfs-img/file-folder-types/pdf.jpg"> ');break;
   case '.rar' : document.write('<img align=top src="/hfs-img/file-folder-types/rar.jpg"> ');break;
   case '.rtf' : document.write('<img align=top src="/hfs-img/file-folder-types/rtf.jpg"> ');break;
   case '.ttf' : document.write('<img align=top src="/hfs-img/file-folder-types/ttf.jpg"> ');break;
   case '.xls' : document.write('<img align=top src="/hfs-img/file-folder-types/xls.jpg"> ');break;
   case '.zip' : document.write('<img align=top src="/hfs-img/file-folder-types/zip.jpg"> ');break;

   case '.wav' : document.write('<img align=top src="/hfs-img/file-folder-types/wav.jpg"> ');break;
   case '.midi' : document.write('<img align=top src="/hfs-img/file-folder-types/midi.jpg"> ');break;
   case '.mp3' : document.write('<img align=top src="/hfs-img/file-folder-types/mp3.jpg"> ');break;
   case '.wma' : document.write('<img align=top src="/hfs-img/file-folder-types/wma.jpg"> ');break;
   case '.wmv' : document.write('<img align=top src="/hfs-img/file-folder-types/wmv.jpg"> ');break;

   case '.psd' : document.write('<img align=top src="/hfs-img/file-folder-types/psd.jpg"> ');break;
   case '.cdr' : document.write('<img align=top src="/hfs-img/file-folder-types/cdr.jpg"> ');break;
   case '.gif' : document.write('<img align=top src="/hfs-img/file-folder-types/gif.jpg"><img align=top src="%item-url%"> ');break;
   case '.jpg' :case '.jpeg': document.write('<img align=top src="/hfs-img/file-folder-types/jpg.jpg"><img align=top src="%item-url%"> ');break;
   case '.bmp' : document.write('<img align=top src="/hfs-img/file-folder-types/bmp.jpg"><img align=top src="%item-url%"> ');break;
   case '.pcx' : document.write('<img align=top src="/hfs-img/file-folder-types/pcx.jpg"><img align=top src="%item-url%"> ');break;
   default : document.write('<img align=top src="/~img_file"> ');
   }
</script>
%item-name%</a>%comment%<td>%item-size%<td>%item-modified%<td>%item-dl-count%
</tr>

[folder]
<tr><td>%new% <a href="%item-url%"><img align=top src="/~img_folder"> <b>%item-name%</b></a>%comment%<td><i>folder</i><td>%item-modified%<td>%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; float:none; color:#888888; background:#EEEEEE; padding:3px; border:1px solid #DDDDDD; border-bottom:3px solid #DDDDDD; margin: 0 0 0 0;'>
%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 -  File Not Found</h1>
<b><i>Try one of this links</i></b>
<br>
<a href="%host%">go to root</a>
<br>
<a href="%host%~login">Login Page</a>

[overload]
<h1>Server busy</h1>
Please, retry later.

[max contemp downloads]
<h1>Download limit</h1>
On this server there is a limit on the number of <b>contemporaneous</b> downloads.
<br>This limit has been reached. Retry later.

[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-link]
<a href="%encoded-folder%~upload"><img src="/~img32">UPLOAD</a>

[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="Upload 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="30;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></div>
<table>

</table>
<table width="80%" border="2" align="center" cellpadding="1">
  <tr>
    <td colspan="2">&nbsp;</td>
    <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="156" height="86">
      <param name="movie" value="/hfs-img/ledufe-logos/ledufe-textsmall-01.swf" />
      <param name="quality" value="high" />
      <embed src="/hfs-img/ledufe-logos/ledufe-textsmall-01.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="156" height="86"></embed>
    </object></td>
    <td><img src="/hfs-img/srv-type/srv1.jpg" alt="Cpu"/></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><span class="big">Progress status</span></td>
    <td>Auto-refresh: 30 seconds </td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td colspan="2"><img src="/~img_graph190x40" alt="Server-Graph" style="border:white outset 2px;"></td>
    <td>&copy; LeDuFe.<BR>
P4-Home-Server. | </td>
    <td><img src="/hfs-img/ledufe-logos/ledufe-bevelsoft-100.gif" alt="ledufe-logo1"/></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td colspan="2"><span class="body">%progress-files% </span></td>
    <td>CPU Type : </td>
    <td><img src="/hfs-img/srv-type/CPUMonitor HT.jpg" alt="CPUType"/></td>
    <td>2.8HT</td>
  </tr>
  <tr>
    <td><span class="little">Uptime : </span></td>
    <td><span class="little">%uptime%</span></td>
    <td>Total Memory : </td>
    <td><img src="/hfs-img/srv-type/ram.JPG" alt="Mem"/></td>
    <td>1024MB</td>
  </tr>
  <tr>
    <td>Server Version: </td>
    <td> %version%</td>
    <td>Server Free Storage : </td>
    <td><img src="/hfs-img/srv-type/Hard Drive.jpg" alt="Storage"/></td>
    <td>%diskfree%</td>
  </tr>
  <tr>
    <td>%user%</td>
    <td><p>Actual Connections: %connections% </p>    </td>
    <td>Max Users Allowed : </td>
    <td>&nbsp;</td>
    <td>10</td>
  </tr>
  <tr>
    <td colspan="2"> Number of Addresses Downloading : %number-addresses-downloading% </td>
    <td>Max Speed Download : </td>
    <td>&nbsp;</td>
    <td>10KB</td>
  </tr>
</table>
<br>
<div class=body></div>
<div class=little></div>
<div>
      <td><TABLE cellSpacing="0" cellPadding="0" align="center" border="0">
  <TBODY>
  <TR></TR>
  <TR>
<TD class="copyright"><p align="center">&nbsp;</p>
  <p align="center"><br>
  </p>
  <p align="center">&nbsp;</p>
  <p align="center">&nbsp;</p></TD>
<TD class="copyright">

</body>
</html>



[progress-nofiles]
<div class=big>Currently no file exchange is on with your address</div>

[progress-upload-file]
<span class=flag>&nbsp;up&nbsp;</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>&nbsp;down&nbsp;</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>&nbsp;NEW&nbsp;</span>
<<LeDuFe>>

Offline ~GeeS~

  • Tireless poster
  • ****
  • Posts: 270
  • "The web was made for sharing..."
    • View Profile
my new template V12 - help-me to improve-it, come on
« Reply #1 on: April 28, 2006, 06:17:01 PM »
Wow, a lot of effort to develop a different style than the standard tpl.
Please shrink some of your jpegs. loading time is very long because you limited bandwith to 10kb/s. Or don't restrict your bandwith. Some sites are hosting gigabyte files with 5kb/s limit, thats annoying.
Nice collection of sources. I will also try to work with css instead of %styles% section too.  Have to learn.
~GeeS~