QwikZite Users Manual
QwikZite.Net: knowledge and support network for QZ users
| Home | Manual | Tips & Tricks | Canteen | Helpdesk |EnglishDutch/NederlandsPapiamentu

Search in this site with Google:



Introduction
QwikZite at a glance
Access procedures
General functions
Menu Sitestyle
Menu Page
Menu Button
Menu News
Menu Link
Menu Foto
Menu File
Menu Topic
Menu Defaults
Structure of the site
Working with sitestyles
Working with buttons
Limitations of the web
Working with fonts
Working with colors
Working with images
Working with backgrounds
Working with sizes
Working with HTML
Working with webtext
The first steps
Contents of this page: Menu 'Sitestyle' | Design at 4 levels | Overview of sitestyle options | Options at level 1 | Options at level 2 | Options at level 3 | Options at level 4 | Explanatory notes to the input fields



Menu 'Sitestyle'

Design at 4 levels

Design properties can be set on 4 levels, starting with the joint properties of all areas of the webpage.
At every next level, properties can be set for the various part of the webpage in more detail, overriding the properties of the previous level like layers covering each other.
In this way you can test and adjust the design of the whole web page or specific parts very quickly.

The four levels of the sitestyle menu. Click on this image if you want to skip the introduction and go on to level 1.

Underneath, the available options are indicated for each of the levels.
  • By moving the mouse pointer over the images, the available options in each area become visible.
  • By clicking on an image you can quickly navigate to the next level.
Note for users of Firefox, Netscape and Opera: the various versions of these browsers have difficulty in showing the large 'tooltips' in the employed imagemaps; it is therefore recommended to view this page with Internet Explorer.



Overview of sitestyle options
  • Background color: will fill the whole area; not visible if a background image is entered, unless parts of the image are transparent.

  • Background image: will fill the whole area; is repeatedly shown if the image is smaller than the area concerned, and is partly shown if the image is larger than the area.

  • Height: height of the area expressed in number of pixels; may have the value 0 with the consequence that the area concerned won't exist.

  • Width: width of the area expressed in number of pixels; may have the value 0 with the consequence that the area concerned won't exist.

  • Font: font face, font size and font color of the area; apart from a few exceptions, text input itself is settled in other menus.

  • Text/font: possibility to enter a (short) text, with definition of font properties.

  • Image/hyperlink: possibility to enter an image, such as a logo, with possible reference to another web location.



Options at sitestyle level 1

SITE AREA. Options: background color, background image, font.




Options at sitestyle level 2

TOP AREA. Options: background color, background image, height.TOP DIVIDER AREA. Options: background color, background image, height.MAIN AREA. Options: background color, background image, height. The height value shall be the minimum height; if the area content is larger, the area height will automatically adapt.




Options at sitestyle level 3

LOGO LEFT AREA. Options: background color, background image, width. Choice of two possibilities: image/hyperlink or text/font; over-sized images are automatically resized to the width or height of this area.TOP AREA LEFT DIVIDER. Options: background color, background image, width.TITLE AREA. Options: background color, background image, font, image/hyperlink. Input of an image makes page titles no longer visible; over-sized images are automatically resized to the width or height of this area. The width of this area is automatically adjusted to the screen resolution of the visitor.TOP AREA RIGHT DIVIDER. Options: background color, background image, width.LOGO RIGHT AREA. Options: background color, background image, width. Choice of two possibilities: image/hyperlink or text/font; over-sized images are automatically resized to the width or height of this area.TOP DIVIDER MOST LEFT. Options: background color, background image, width.TOP DIVIDER LEFT. Options: background color, background image, width.TOP DIVIDER MIDDLE. Options: background color, background image. The width of this area is automatically adjusted to the screen resolution of the visitor.TOP DIVIDER RIGHT. Options: background color, background image, width.TOP DIVIDER MOST RIGHT. Options: background color, background image, width.BUTTON AREA. Options: background color, background image, width, font.LEFT DIVIDER. Options: background color, background image, width.CONTENT AREA. Options: background color, background image, font. The width of this area is automatically adjusted to the screen resolution of the visitor.RIGHT DIVIDER. Options: background color, background image, width.NEWS AREA. Options: background color, background image, width, font.


The width of an area doesn't necessarily need to correspond with the width of the area above or beneath.
The height of the areas is defined at level 2.



Options at sitestyle level 4

TEXT AREA. Options: background color, background image, font. The height of this area is automatically adjusted to the length of the text input.LINK AREA. Options: background color, background image, font.BUTTONS. Options for inactivated and pressed buttons: background color, background image, height, font. Befóre and áfter the buttontext a small image can be inserted.(The options of this area are already defined at level 3. Please click to return to that level.)




Explanatory notes to the input fields




Go to top | Design at 4 levels | Overview of sitestyle options | Options at level 1 | Options at level 2 | Options at level 3 | Options at level 4 | Explanatory notes to the input fields

     



Latest changes in this page
Logo and title images in version 1.10
In version 1.10 of QwikZite, the logo images in the LOGO LEFT AREA and LOGO RIGHT AREA, as well as the title image in the TITLE AREA, are no longer automatically resized but displayed in real size.
(12-10-2006)
Developed with QwikZite (version 1.12)