Resources are used as a general name on the images and the style sheet that realises the layout. The resources must be available to all pages. They are kept in a catalog that by default is named gfx and is placed directly under the sitecatalog. You may change the location of the resourcecatalog by the RESOURCE: - line in the script. You may suggest any catalog relative to the sitecatalog, or an absolute URL. You may not use an absolute filepath to a catalog on disk.
When you refer to resources, always refer to them as if they were directly available in a catalog called gfx.
SiteLite will identify these references to resources and correct the addresses if necessary.
Below is an explanation of the resources that should be present in gfx in a "standard" site, as SiteLite makes it as default. When you change the templates or roll your own you will need other resources.
bullet.gif is a small image that is placed in front of pages in a table of contents. See element CONLIST for a description of how to turn it on or off. SiteLite hardcodes use of this image. May be edited, but should not be removed if you don't abandon the idea of a marker once and for all.
hiltebullet.gif is a small image that is used to mark the current page in a table of contents. See element CONLIST for a description of how to turn it on or off. SiteLite hardcodes use of this image. May be edited, but should not be removed if you don't abandon the idea of a marker once and for all.
logo.gif is the logo that appears in the top-let corner of a "standard" page. May be, and will most certainly be, edited. If you change the size of the logo, you should inspect the relevant templates to make sure it does not corrupt the layout.
navigare.gif is the small cluster of arrows that appears in the upper-right and lower-right corners of a page like ths one. If you change the dimensions of this, you must also change the corresponding image map in the relevant templates.
up.gif is the little arrow that brings you to the top of the page. You may edit this, but you should not delete it. SiteLite hardcodes this arrow together with a reference as a substitution for the <!--TOTOP/--> element. The reference depends on an anchor <a name="TopOfPage"></a> in the top of the template, or page.
pixel.gif is a small (1x1 pixels) transparent image that may be used to pad spaces in the pages. SiteLite does not hardcode any use this image, but it may be used in the templates. You may find it useful, since it is not possible to realise all layout plans with style sheets.
SiteLite relies on cascading style sheets, and the file def.css is important.
You will find the file in the catalog gfx, and there should be a reference to
the file in all templates, typically by the line:
If you are not familiar with style sheets, you should not be too worried. You may achieve great results with some educated guessing. There are lots of sources for Cascading Style Sheets (css) on the Internet. Good places to start looking is at http://www.w3.org or at http://www.w3schools.com/, or you may make an internetsearch for "css" or "cascading stylesheets".
The default styles distributed by SiteLite are chosen to be "reasonable", but you will almost certainly want to do some adjustments to reflect your preferences; colors, textsize etc.
The styles defined in def.css falls in three categories.
When SiteLite assembles lists and table of contents, it inserts styles as an integrated part of the lists. These styles are chosen and described in a way that allows the user maximum control of the appearance. Below is a list that explain their use and refer to the actual styles names in the style sheet.
Page relevant table of contents
The site map, marked as SL_TOC in the templates, have a structure that are like the SL_CONLIST. To make the freedom of choice as great as possible there are defined a parallel set of styles for this table of content. The styles are found as tlevel, 0 to 10.
The table of content that normally appears in the head of a page, with references to subsections in square brackets are controlled by the style: localtoc
Siblings or children. singletoc, and asingletoc for the active element.
The index is marked as SL_INDEX in the templates. An index consists of a series of keywords, each with a list of page references. The actual styles that are inserted by SiteLite are
If you use FRIENDS:-lines in the script, SiteLite expects to find a <SL_FRIENDS> -tag in the template. The actual list of pages are hard coded by SiteLite as:
These styles are introduced to match specific needs of SiteLite. Their use is not hardcoded, or forced, but they are generally useful. The indicated use refers to the "standard" templates. You are of course free to use them in another way, simply discard them or introduce new styles, when you construct your own templates.
Used to wrap the SL_SITENAME-element
Used to wrap the footer, including SL_SITEEDITOR, SL_PAGEAUTHOR, SL_DATE, SL_AMESSAGE elements. Offsets the content to match the main area on the page.
Used to wrap the footer, including SL_SITEEDITOR, SL_PAGEAUTHOR, SL_DATE, SL_AMESSAGE elements. No offset, used by frame pages and print pages.
If you inspect def.css you will find that there are some styles used to wrap predefined (PRE) contents. They are defined to document program code. You may use them, modified or not, for other purposes. They are included to show samples of some useful styling with blocks and background color.
You may find it usefull to make your own styles. Probably the best candidates are (sub)classes of div, p or pre.
To control the overall appearance of your pages, it is useful to be able to manipulate the appearance of general html-elements. The html-elements that are defined in the std style sheet are:
You may choose to include more definitions at will.