Gallery: Difference between revisions

From rejetto wiki
Jump to navigation Jump to search
(Added new templates for 2.4 for a fine overview for new-comers.)
 
(101 intermediate revisions by 24 users not shown)
Line 1: Line 1:
This Gallery provides a place where template makers can display their creations.<br>
This Gallery provides a place where template makers can display their creations.<br>
Normally, a download link to a zip file is also provided, perhaps with a note about how to use the template. (And/or a small text file inside the zip.)
Normally, a link to related forum page, or download link to a .zip or .rar file is also provided, perhaps with a note about how to use the template. (And/or a small text file inside the zip.)


Most of these examples can be downloaded from the forum. Forum versions  
Most of these examples can be downloaded from the forum. Forum versions  
may well be more up-to-date than the versions shown here. The site [http://ledufe.no-ip.info:2222/HFS-templates/ Template Repository] also acts as an informal source for HFS templates.
may well be more up-to-date than the versions shown here. The forum post of known [http://www.rejetto.com/forum/index.php?topic=1750.msg1008818#msg1008818 Shared Templates] also acts as an informal source for HFS templates.


Most of the pictures in this section have been made smaller, for easy visibility. In user's browsers, of course, they display at full size.
Most of the pictures in this section have been made smaller, for easy visibility. In user's browsers, of course, they display at full size.


If you are not familiar with using HFS Templates, it is strongly recommended that you read the section "HTM Editor and Templates" in the section [[Refinements]]. This includes instructions about creating folders named C:/HFS and C:/HFS/Templates.
If you are not familiar with using HFS Templates, it is strongly recommended that you read the section "HTML Editor and Templates" in the section [[Refinements]]. This includes instructions about creating folders named C:/HFS and C:/HFS/Templates.
---------
---------
<div style="margin-right: 50%; background: #F8F4F2; font-size: 15px; border: 1px solid #222;">
= For ver. 2.4 (Beta) =
<b>&nbsp;Example 01</b>
== The Mobil-light Template ==
</div>
[http://rejetto.com/forum/index.php?topic=11754.0 View on the Forum] 


This very simple template can be downloaded [http://ledufe.no-ip.info:2222/HFS-templates/ledufe/ here]. It is named "default-template+thumbnail-onlyforimages+googlesearch.tpl".
'''Author: '''dj 


[[Image:102.png]]
Features:
* The most lightweight one, ever.
* Mobile friendly.
* Full-filled with powerful features.
* Similar to the Default template (2.4), but used ajax, costs much less flow.
* Many addons are supported.
* For modern-enough browsers.


As you can see, it keeps the basic layout of the default template but adds a "Google Search" facility for the convenience of users to your site.
== The Throwback Template ==
[http://rejetto.com/forum/index.php?topic=12055.0 View on the Forum] 


After you have downloaded the file, move it to the folder "Templates". Then perform the following steps to make the template work:  
'''Author: '''danny, dj  
# In HFS, select  "Edit HTML template" which opens the editor and automatically loads the current template (the default if you haven't made any changes).
#Click "Import" and, if necessary, navigate to C:\HFS\Templates. Select "default-template+thumbnail-onlyforimages+googlesearch.tpl" and click "Ok".
#When the new template is loaded into the editor, click "Apply", and then "Ok" (to dismiss the editor).
#In the HFS window, select root (/), right-click and then click "Browse it" to see the effect of your changes. Remember to refresh the browser cache ("F5" on most systems), if necessary.


<div style="margin-right: 50%; background: #F8F4F2; font-size: 15px; border: 1px solid #222;">
Features:
<b>&nbsp;Example 02</b>
* Lightweight enough, never slows down the server.
</div>
* Mobile friendly.
* Filelist can stream between server and clients, that means the filelist stage will be half faster than ajax templates, having the ability to list millions of files with no worry.
* Built-in thumbnail (lazyload) and music player.
* Various versions are available, both for 2.3 and 2.4.
* Works in almost all browsers.


This template is named "KuleServer" and can be downloaded [http://ledufe.no-ip.info:2222/HFS-templates/ here]. It is based on "HFS Live Power+ Edition" by Alvaro Quezada This version is very simple but does show effective use of icons, and a simple technique for using VFS.
== The Takeback Template ==
[http://rejetto.com/forum/index.php?topic=13287.0 View on the Forum]  


[[Image:ss097.png|thumbnail|left|100px|]] <br>
'''Author: '''NaitLee, danny, dj 
Click to enlarge
<br>


[[Image:099.png|099.png]]
Features:
* Based on Throwback. You may see it's heavy, but actually it's still lightweight as Throwback.
* Mobile friendly.
* Starry night (highlight) theme, different from other design styles. Picture background is also available.
* Fully customizable in many ways.
* Built-in powerful previewing function, music player, thumbnail and slideshow.
* It's for modern browsers mainly, but also supports IE >= 10.


[[Image:100.png|100.png]]
== The Fuh Template ==
View on the Forum: [http://rejetto.com/forum/index.php?topic=13368.0 1.0] [http://rejetto.com/forum/index.php?topic=13375.0 2.0]


After you have downloaded and unzipped the files, do the following to make everything work correctly:<br>
'''Author: '''fahad15090, rejetto
# Place the files "Kule.org.uk HFS Template.tpl" and "favicon.icon" into the folder "HFS/Templates".
# Add the folder "img" (and its contents) to the folder "HFS".
# Add the folder "HFS/img" to the vfs. To do this, right-click in the HFS Virtual File System window and click "Add folder from disk" with "HFS/img" as the selected target.
# In HFS, select  "Edit HTML template" and follow the usual process described above under Example 01.


When you've done the above, you'll have three files in your file structure. Use the HFS "Hide" facility to stop "img" from being displayed in user's browsers. You'll notice that "img" is then displayed in an italic font within the HFS Virtual File System window.
Features:
* Based on the default template, pure and friendly.
* An upgraded design, with rich icon support.
* Some addons are also included.


<div style="margin-right: 50%; background: #F8F4F2; font-size: 15px; border: 1px solid #222;">
= For ver. 2.3m or older =
<b>&nbsp;Example 03</b>
</div>


This template is named "HFS-Clean-EN.tpl" and can be downloaded [http://ledufe.no-ip.info:2222/HFS-templates/  here]. It is breathtakingly simple, and a very popular download.
==The "Thunderchicken of Glory" Template==
'''Author:''' RAWR-Designs


[[Image:ss103.png|thumbnail|left|100px|]] <br>
[http://www.rawr-designs.com/projects/tog/index.html DOWNLOAD]
Click to enlarge
<br>
<br>
<br>
After you have downloaded the file, move it to the folder "Templates". Then perform the following steps to make the template work:
# In HFS, select  "Edit HTML template" which opens the editor and automatically loads the current template (the default if you haven't made any changes).
#Click "Import" and, if necessary, navigate to C:\HFS\Templates. Select ""HFS-Clean-EN.tpl"" and click "Ok".
#When the new template is loaded into the editor, click "Apply", and then "Ok" (to dismiss the editor).
#In the HFS window, select root (/), right-click and  then click "Browse it" to see the effect of your changes. Remember to refresh the browser cache ("F5" on most systems), if necessary.


© Christopher [http://www.rejetto.com/forum/index.php?action=profile;u=2138 'That Stevens Guy'] Stevens & Richard [http://www.rejetto.com/forum/index.php?action=profile;u=2365 'Giant Eagle'] Tuininga, [http://creativecommons.org/licenses/by-nc-sa/3.0/ Some Rights Reserved].
---------
---------
<div style="margin-right: 50%; background: #F8F4F2; font-size: 15px; border: 1px solid #222;">
<b>&nbsp;Example 04</b>
</div>


The HFS-Live templates was created in the early days HFS development. The end result is very similar to the "Kule.org.uk HFS Template" shown in example 2. It includes an invitation to download HFS, which you can obviously ignore! Note that you only have to download the file "live025a_en.rar" which is available [http://ledufe.no-ip.info:2222/HFS-templates/Template%20Packs/HFS-Live/ here.]
==The "Terayon" Template==
'''Author:''' RAWR-Designs
It comes complete with it's own installation facility. After you have unzipped the files and placed them in your "Templates" directory, simply double-click "setup.htm".


After a short delay, the following is displayed:
[http://www.rawr-designs.com/projects/terayon/index.html DOWNLOAD]
[[Image:106.png]]


It is strongly recommended that you follow the onscreen instructions and determine which version you wish to install. Use the "Next" and "Previous" buttons to read about, and select, a version.  
© Christopher [http://www.rejetto.com/forum/index.php?action=profile;u=2138 'That Stevens Guy'] Stevens & Richard [http://www.rejetto.com/forum/index.php?action=profile;u=2365 'Giant Eagle'] Tuininga, [http://creativecommons.org/licenses/by-nc-sa/3.0/ Some Rights Reserved].
 
When you have decided which version is best-suited to your computer and Internet setup, close the window (click the "x" in the top right corner).
 
Now "Click here" in the HTTP File Server Live window (top left corner)
"The setup should open a new window. If after 5 seconds nothing occur click here."<br>
The following is displayed:
[[Image:109.png]]
 
Click "Next" to skip this (assuming you already have HFS installed).<br>
Follow the instructions in this screen:
[[Image:110.png]]
 
Follow these steps:
[[Image:111.png]]
 
It is recommended that you perform these adjustments:
[[Image:112.png]]
 
This is the final screen. Click "Terminar" to complete the installation process.
[[Image:113.png]]


---------
---------
<div style="margin-right: 50%; background: #F8F4F2; font-size: 15px; border: 1px solid #222;">
<b>&nbsp;Example 05</b>
</div>
This template very successfully mimics the layout of the official HFS site.
[[Image:ssfunc_resizera.png|thumbnail|left|100px|]] <br>
Click to enlarge
<br>
<br>
<br>
<br>
<br>
<br>
<br>
It is named "hfs-official-site-template.rar" and can be downloaded [http://ledufe.no-ip.info:2222/HFS-templates/Templates%20for%20Advanced%20Users/  here].


After you have downloaded and unzipped the files, move them all to the folder "Templates" (this includes the "img" folder). Then perform the following steps to make the template work:
==The "RAWR-Template"==
# In HFS, select  "Edit HTML template" which opens the editor and automatically loads the current template (the default if you haven't made any changes).
'''Author:''' RAWR-Designs
#Click "Import" and, if necessary, navigate to C:\HFS\Templates. Select "hfs-official site layout - template-02.tpl" and click "Ok".
#When the new template is loaded into the editor, click "Apply", and then "Ok" (to dismiss the editor).
#In the HFS window, select root (/), right-click and  then click "Browse it" to see the effect of your changes. Remember to refresh the browser cache ("F5" on most systems), if necessary.


This template offers a link to download the current version of HFS, and three extra tabs:
[http://www.rawr-designs.com/projects/template/index.html DOWNLOAD]


Register<br>
© Christopher [http://www.rejetto.com/forum/index.php?action=profile;u=2138 'That Stevens Guy'] Stevens & Richard [http://www.rejetto.com/forum/index.php?action=profile;u=2365 'Giant Eagle'] Tuininga, [http://creativecommons.org/licenses/by-nc-sa/3.0/ Some Rights Reserved].
When users click here, the following form is displayed. It allows you to easily control and administrate those users who you decide can access protected resources on your site.
[[Image:115a.png]]
 
LOGIN<br>
This displays the normal username/password login screen:
 
[[Image:116.png]]
 
MP3-Player<br>
This tab is not yet supported. It does not react if users click it.


---------
---------
<div style="margin-right: 50%; background: #F8F4F2; font-size: 15px; border: 1px solid #222;">
<b>&nbsp;Example 06</b>
</div>
==The "Thunderchicken of Glory Template" ==
'''Authors:'''<br>That Stevens Guy <br>Flynsarmy<br>LeDuFe<br>and Giant Eagle ''(v2.7 build 02 onwards)''
'''Features that this template has:'''
    * Popup tooltips...
    * Mp3 player...
    * Method of registration...
    * Login system for the security conscious...
    * Row, Heading, colour change on hover...
    * Button to return to top and bottom, and home...
    * Cross Browser Compatible...
    * Allow users with JavaScript turned off to surf the template...
    * w3c compliant...
    * Current Directory is now a key part of navigation...
    * Add Upload button to add more file input fields. Max of 10...
    * Team logo has been implemented...
    * Check for updates feature implemented...
    *  ToG has external .js and .css, neatly organised in a folder.
    * Plus more....
'''Please read the provided README in the .zip file.'''
You should have no problems implementing this template.
Have Fun!!!
Template name by Flynsarmy.
Layout and Template by That Stevens Guy.
Advanced features by Flynsarmy, Giant Eagle , Ledufe and That Stevens Guy.
Tested and works in IE6, IE7, Firefox 1.5, Firefox 2.0, Opera 9.02.
'''---LINK TO DOWNLOAD TEMPLATE---'''
There are 2 versions; 1 with login system, and 1 without. Both are compatible with browsers when Javascript is turned off.
[http://www.rejetto.com/hfsfiles/That_Stevens_Guy/thunderchicken_of_glory/thunderchicken_of_glory.zip  DOWNLOAD]


.zip is updated as i improve the template.
==The "Live" Template==
'''Author:''' RAWR-Designs


'''Below is a preview:'''
<i>Based on original template, Live, by Chrno</i>


[http://www.rejetto.com/hfsfiles/That_Stevens_Guy/thunderchicken_of_glory/previewBlue.gif Click to reveal full resolution preview.]  
[http://www.rawr-designs.com/projects/live/index.html DOWNLOAD]
http://www.rejetto.com/hfsfiles/That_Stevens_Guy/thunderchicken_of_glory/previewBluesml.gif


'''To see the official forum post of this template go to:'''
Version 3.0.0 or greater © Christopher [http://www.rejetto.com/forum/index.php?action=profile;u=2138 'That Stevens Guy'] Stevens & Richard [http://www.rejetto.com/forum/index.php?action=profile;u=2365 'Giant Eagle'] Tuininga, [http://creativecommons.org/licenses/by-nc-sa/3.0/ Some Rights Reserved].
http://www.rejetto.com/forum/index.php?topic=3896.0


---------
---------
<div style="margin-right: 50%; background: #F8F4F2; font-size: 15px; border: 1px solid #222;">
<b>&nbsp;Example 07</b>
</div>
==The "Orange and Blue Template" ==
My Orange and Blue with Thumbnails template is available to all HFS fans!
'''Features on this template:'''
    * mp3 streamer.
    * Login system for the security conscious.
    * Button to return to top.
    * Cross Browser Compatible.
    * w3c compliant (well as far as HFS templates will go)
    *Additional upload input code implemented.
    *Thumbnail code.
    *Browsable folder tree.
'''Please read the README found int eh .zip archive.'''
Have Fun!!!
'''---LINK TO DOWNLOAD TEMPLATE---'''
There is 2 versions 1 with login, 1 without.
[http://www.rejetto.com/hfsfiles/That_Stevens_Guy/ob_with_thumbs/ob_with_thumbs.zip DOWNLOAD]
'''Below is a preview:'''
[http://www.rejetto.com/hfsfiles/That_Stevens_Guy/ob_with_thumbs/previewOB.jpg Click to view full resolution preview.]
http://www.rejetto.com/hfsfiles/That_Stevens_Guy/ob_with_thumbs/previewOBsml.gif


'''To see the official forum post of this template go to:'''
==The "Black" Template==
http://www.rejetto.com/forum/index.php?topic=3820.0
'''Author:''' Mr Anon


----
[http://www.rejetto.com/hfsfiles/That_Stevens_Guy/Beta%20Black.rar  DOWNLOAD]

Latest revision as of 12:33, 25 September 2020

This Gallery provides a place where template makers can display their creations.
Normally, a link to related forum page, or download link to a .zip or .rar file is also provided, perhaps with a note about how to use the template. (And/or a small text file inside the zip.)

Most of these examples can be downloaded from the forum. Forum versions may well be more up-to-date than the versions shown here. The forum post of known Shared Templates also acts as an informal source for HFS templates.

Most of the pictures in this section have been made smaller, for easy visibility. In user's browsers, of course, they display at full size.

If you are not familiar with using HFS Templates, it is strongly recommended that you read the section "HTML Editor and Templates" in the section Refinements. This includes instructions about creating folders named C:/HFS and C:/HFS/Templates.

For ver. 2.4 (Beta)

The Mobil-light Template

View on the Forum

Author: dj

Features:

  • The most lightweight one, ever.
  • Mobile friendly.
  • Full-filled with powerful features.
  • Similar to the Default template (2.4), but used ajax, costs much less flow.
  • Many addons are supported.
  • For modern-enough browsers.

The Throwback Template

View on the Forum

Author: danny, dj

Features:

  • Lightweight enough, never slows down the server.
  • Mobile friendly.
  • Filelist can stream between server and clients, that means the filelist stage will be half faster than ajax templates, having the ability to list millions of files with no worry.
  • Built-in thumbnail (lazyload) and music player.
  • Various versions are available, both for 2.3 and 2.4.
  • Works in almost all browsers.

The Takeback Template

View on the Forum

Author: NaitLee, danny, dj

Features:

  • Based on Throwback. You may see it's heavy, but actually it's still lightweight as Throwback.
  • Mobile friendly.
  • Starry night (highlight) theme, different from other design styles. Picture background is also available.
  • Fully customizable in many ways.
  • Built-in powerful previewing function, music player, thumbnail and slideshow.
  • It's for modern browsers mainly, but also supports IE >= 10.

The Fuh Template

View on the Forum: 1.0 2.0

Author: fahad15090, rejetto

Features:

  • Based on the default template, pure and friendly.
  • An upgraded design, with rich icon support.
  • Some addons are also included.

For ver. 2.3m or older

The "Thunderchicken of Glory" Template

Author: RAWR-Designs

DOWNLOAD

© Christopher 'That Stevens Guy' Stevens & Richard 'Giant Eagle' Tuininga, Some Rights Reserved.

The "Terayon" Template

Author: RAWR-Designs

DOWNLOAD

© Christopher 'That Stevens Guy' Stevens & Richard 'Giant Eagle' Tuininga, Some Rights Reserved.

The "RAWR-Template"

Author: RAWR-Designs

DOWNLOAD

© Christopher 'That Stevens Guy' Stevens & Richard 'Giant Eagle' Tuininga, Some Rights Reserved.

The "Live" Template

Author: RAWR-Designs

Based on original template, Live, by Chrno

DOWNLOAD

Version 3.0.0 or greater © Christopher 'That Stevens Guy' Stevens & Richard 'Giant Eagle' Tuininga, Some Rights Reserved.

The "Black" Template

Author: Mr Anon

DOWNLOAD

Retrieved from ‘http://rejetto.com/wiki/index.php?title=Gallery&oldid=5706’