Loading...
 
More options for the designer

Additional layout layers feature

Since Tiki 2 or so, there has been an extra div around module boxes, with the class box-shadow. Now in Tiki 3.0 there are more such divs in tiki.tpl, for adding additional styling, as follows, and a switch to activate them all:

  • div id="main-shadow"

Just outside div="main" (surrounds the whole visible page)

  • div id="header-shadow"

Just outside div id="header" (surrounds the page header and its logo, site title, top menu, etc.)

  • div id="middle-shadow"

Just outside div id="middle" (surrounds the middle of the page containing the left, center and right columns)

  • div id="tiki-center-shadow"

Just outside div id="tiki-center" (surrounds the center-column content)

  • div id="footer-shadow"

Just outside div id="footer" (surrounds the footer (bottom bar) area

These divs are activated to be styled by checking|ticking the checkbox on the Look and Feel admin page. They are then ready to receive styling from themes that recognize them.

Activating this option will have a global effect (the site's templates/tiki.tpl file will present the additional divs), but presumably they are ignored if a theme doesn't specify anything for the above selectors.

Ref: http://doc.tiki.org/Shadow+Layers


Page last modified on Thursday 02 of September, 2010 02:38:17 GMT

Switch Theme

Layout

Latest Changes

No records to display ...more

Subscribe to Tiki Newsletters!

Delivered fresh to your email inbox!
Newsletter subscribe icon
Don't miss major announcements and other big news!
Contribute to Tiki

Site Config