Theme Schoolyard

Contents

2. The theme configuration
   2.1 Basic properties
   2.2 Theme configuration
   2.3 Reset theme

1. Introduction

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.

1.1 Screenshots of theme Schoolyard

Screenshot of theme Schoolyard in its basic configuration with demonstration data: configuration in Website@School:

themes_schoolyard.png

Example of theme Schoolyard:

themes_schoolyard_example.png

1.2 Description of theme Schoolyard

Long description:
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.

2. The theme configuration

2.1 Basic properties

2.2 Theme configuration

themes_schoolyard_configuere-top.png

theme_schoolyard_configure-bottom.png

• Printer friendly stylesheet: Default: program/styles/schoolyard/print.css The print link produces a printer friendly version of the page. That is, only page content and the 'Last updated <yyy-mm-dd<' line.

2.3 Reset theme

(top)