Refinements: Difference between revisions

From rejetto wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 35: Line 35:
# Go back to the main HFS window, select root (/), right-click and  then click "Browse it" to see the effect of your changes.
# Go back to the main HFS window, select root (/), right-click and  then click "Browse it" to see the effect of your changes.
# You'll notice that the entries in this part of the site are now displayed in blue.<br>
# You'll notice that the entries in this part of the site are now displayed in blue.<br>
[[Image:067.png]]
[[Image:067.png]]
# If you wish to keep this change permanent in the template, click "Ok" in the HTML editor. If you don't want to keep the change, click "Undo".





Revision as of 16:47, 26 October 2006

HFS is an extremely feature-rich application. This section explains how to use some of the most popular features and options.

HTML Editor and Templates


Warning Some users have reported problems when displaying changes to sites in their default browsers. These problems can normally be solved by refreshing the browser cache ("F5" on most systems.)

Although the default HFS template is perfectly satisfactory for many users, HFS makes it very easy to use a different template which can dramatically change the "look-and-feel" of your site. You can experiment very freely, since the HFS Editor includes a "Restore default" facilty, which imports the default *.tps file supplied with HFS.

For example, here is the basic look of the "example site" viewed in Firefox:

Error creating thumbnail: Unable to save thumbnail to destination

And here is the same site after applying a new template:

Error creating thumbnail: Unable to save thumbnail to destination

(Note that the above pictures have been shrunk and truncated so that they are easy to view. In reality, the graph in the "black" template for example, displays (and works) perfectly.)

It is much easier to modify an existing template, rather than attempting to create one from scratch. You can find good examples of templates to use at the user Forum and at this site.

Before starting, it is good practice to make a folder named "Templates" under your "HFS" folder. Eg. C:\HFS\Templates.

Follow this procedure to apply the "black" template illustrated above.

  1. Download the file named "Beta Black Template v3.htm" from PHnotelink, and copy (or move) it to "Templates". Rename this file to "Beta Black Template v3.tpl" (ie. change the file extension) so the HTML editor can recognize it.
  2. 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).
  3. Click "Import" and, if necessary, navigate to C:\HFS\Templates. Select "Beta Black Template v3.tpl" and click Ok.
  4. When the new template is loaded into the editor, click "Apply", and then "Ok" (to dismiss the editor).
  5. In the HFS window, select root (/), right-click and then click "Browse it" to see the effect of your changes.

You may now choose to make some small changes to the template to see their effects. To do this:

  1. In HFS, select "Edit HTML template" which opens the editor and automatically loads the current template ("Beta Black Template v3.tpl" if you haven't made any changes).
  2. Navigate to the style section of the template, and find this line: "body, .row { color: #000000 }"
  3. In HTML, colors are normally identified by their hex value.
    "0D8BE9" represents a reasonably classic blue. Change the above line to this: "body, .row { color: #0D8BE9 }" and click "Apply".
  4. Go back to the main HFS window, select root (/), right-click and then click "Browse it" to see the effect of your changes.
  5. You'll notice that the entries in this part of the site are now displayed in blue.
Error creating thumbnail: Unable to save thumbnail to destination
  1. If you wish to keep this change permanent in the template, click "Ok" in the HTML editor. If you don't want to keep the change, click "Undo".


Comments and Realms


Download Managers


xxx