2. The theme configuration
2.1 Basic properties
2.2 Theme configuration
2.3 Reset theme
In this chapter we only discuss the features that are specific
for this theme. The general features that apply to most themes
are treated in chapter Theme Frugal, paragraph 2.2 Theme configuration.
Please also check The module in practice and For visually impaired. More Bazaar Style Style features can be found in chapter Bazaar Style Style.
Screenshot of theme Schoolyard in its basic configuration with demonstration data: configuration in Website@School:
Example of theme Schoolyard:
The header of the theme takes about 10 percent of the screens top horizontal space. In the header are, on the left side the Website@School logo, in the middle is the centered Area title 'Exemplum Primary School'.
Below the header is the navigation bar with the section titles: 'Welcome', 'School Info', 'News', 'Search' and 'MyPage'.
Below the navigation bar, from left to right, a thin colored bar of about 10 pixels high.
Under the thin colored bar is, directly starting from the left
side, the 'You are here:' breadcrumb trail.
Under the breadcrumb trail, the space is divided in two parts. On the left side is a vertical space of about 15 percent of the screen width. It contains from top to bottom the page(s) and (sub)sections and the 'Select Area' dropdown menu.
The remainder of the screen width, about 85 percent is page content.
At the bottom of the theme is a horizontal bar of about 5 percent of the screen hight with several items, separated by the pipe symbol '|'. From left to right: The bottom links 'disclaimer' | 'contact' | 'Powered by Website@School' logo | © <yyyy-yyyy-yyy> | Exemplum Primary School | 'print' link.