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.

graphic

It will be show the following dialog window (document preview):

graphic

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"

graphic

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:

graphic


Style page "Fonts and colors"

There are eleven self-explanatory labels that are referred to a particular element of the HTML quiz page.

graphic

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.

graphic


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.

graphic