Bamboo Clean is another ultra clean design to help strip back the noise. You'll find some wide open spaces, clean lines and a web 2.0 style glossy nav bar. The module positions are flexible to help you get the most from your site.

A clean white template with blue accents and glossy menu bar ... clean and minimal!

Module Positions 

The demo site uses module positions in the following way:

• Top is at the very top of the page
• User 1 holds the Joomla Bamboo Logo
• User 2 holds the quote on the right hand side.
• User 3 holds the top menu (as opposed to the very top menu)
• User 4 and User 5 will only appear if user 1 and user 2 are unpublished. When this occurs the top left bamboo image disappears and the top area shrinks to allow your content to push to the top of the page.
• Right holds the right nad column modules
• Advert1 sits above the main content area but below the top menu.
• Advert2 sits below the main content and above the bottom user modules.
• User 6, User 7 and User 8 are positioned below the main content area.
• Banner position is located below User 6, User 7 and User 8 and stretches to the whole width of the page.
• Bottom is positioned in the footer at the bottom left and Footer is positioned in the very bottom area on the right.

Module Classes

Most of the module classes are hardcoded into the template so you dont have to mess around with adding extra class suffixes, but to allow the menus and other modules to display properly you will need to use the following classes:

• -vtop_menu is designed for the menu at the very top of the page.
• -top_menu is designed for user module 3.
• -bot_menu can be used for a flat list menu in the bottom footer area.

We have also included the following classes to help position modules (in particular the spacing/padding above) the way that you want to. Here are the module classes and css you can use to position modules:

• -padding70 {padding: 70px 0 0 0}
• -padding50 {padding: 50px 0 0 0}
• -padding30 {padding: 30px 0 0 0}
• -padding20 {padding: 20px 0 0 0}
• -padding10 {padding: 10px 0 0 0}

Gallery

Close up of the glossy nav bar.

The glossy nav is repeated at the very top ... see why we named it Bamboo Clean.

Module Positions