Aliro GB Theme

The Aliro GB Theme is a powerful, flexible, but simple to use theme. It is open source and therefore can be used to derive other open source themes. It offers a wide array of block (module) positions. The generated XHTML is relatively simple, and areas that are not required are fully collapsible. So if there is no box published in a particular position, this position will contract and disappear. There are two special types of position - golden and equal. These positions arrange all published boxes in a horizontal row. The height of all published boxes in a particular position will be automatically adjusted to match each other.

This diagram shows all the possible positions that can be used to organise the browser window:

∞

There is one extra thing that is not shown in the diagram, and that is the "sidebar" position can be moved over to the right if preferred. Otherwise the layout is completely symmetrical from side to side, apart from the header position. Controlling the position of the sidebar is done by changing the code in ut_gbtheme.php around line 23. By default it contains:


and the word 'left' can be changed to 'right'.

Positions that are not described as golden or equal will display multiple boxes one under another as shown here:

∞

Where positions are described as golden or equal, they accommodate multiple boxes, side by side:

∞

Those positions that are described as equal automatically space out multiple boxes horizontally, allowing each one equal space as shown:

∞

whereas those described as golden give more space to those on the left, and less space to those further to the right:

∞

As you can see from the diagrams, the spacing varies according to how many boxes are published in a particular position.

Styling boxes

There are several classes that can be applied to boxes in the standard GB Theme CSS. A box can be given a background color selected from red, gray, blue, orange. An outline style can also be applied. Adding the "radius" class will cause corners to be rounded, or adding the "outline" class will result in a line being drawn round the box. Multiple classes can be assigned, such as "red radius" to give your site a modern look.