Define the style of the page
In order to personalize the graphical aspect of the HTML page containing the quiz,
select the item Page Style from the Page menu.
It will be show the following dialog window (document preview):
Note that the little cyan button is active. In this way, throws three click you can
show also the preview of results page.
Style Page "Main"
You can choose any of the following:
· Background image, foreground and background color, font and borders for
the main (central) frame of the browser window.
· Background image, foreground and background color, font and borders for top frame of the browser window
· Question separator, can be a simple horizontal line or a background image
file.
· The height of top and bottom frames, in pixel or in percentage in relation
to the height of the browser displaying the text of the questions and the
answers.
Style page "Layout"
There are twelve different appearances of a quiz question (for example, text answers
in the same row or placed in different rows), as shown in the figure below:
Style page "Fonts and colors"
There are eleven self-explanatory labels that are referred to a particular element of
the HTML quiz page.
Style page "Results"
As style page "Fonts and colors", also style page "Results" is referred to fonts and
colors but for the elements into the result HTML page.
Style page "CSS" (Cascading Style Sheet)
All other page styles that cannot be modified into previous dialog windows, can be
modified into this page. It is an extract of main CSS file of the quiz HTML page.
Each section is named with (I hope) a self-explanatory name, that explain what
section of HTML page is referred to. Be careful to modify this page, click the button
"Validate" to validate the CSS, because an error on CSS can invalidate the entire
HTML quiz.