a memo

Various Divs

Berylium2 uses a very lightweight XHTML layout by default, and it is divided up into three main sections: Header, Content and Menu.

This document contains notes about those sections, so that you can create your own be2 stylesheets.


This is already a little out of date, but it's a good intro to the basic layout ideas in default Be2. For detailed documentation, and an excellent starting point for your own stylesheets, see http://berylium.org/be2css/plain.css.

Be sure to consult the CSS2 Specification often -- it's a bit thick, but it's an invaluable resource once you get used to it.


Site and folder branding, cookie crumbs. Rendered at the top of the page.


The object render is here. This is the main content area, and is rendered after the Header in the page.


Rendered last, this is where all the links and controls go. Default be2 CSS turns this into a sidebar on the right, but it could go anywhere. Actually all of these elements could go anywhere, that's the whole point of CSS.

The Menu is subdivided into the following sections:
Usually a links list, but could be anything. Favorite quote, RSS newsfeeds, images. This is free-space where site editors can place links and relatively static content. Classic sidebar material.

Archive link, newsfeed link, search box.
Alt-stylesheet box could go here, too.

login/register link -or- sitemember info and logout/settings links
also user inventory access
also drop-role box for writer+

add document, add image, etc.
berylium look and show deleted will be here for editors, too.
edit site and debug links for admins

server signature and/or rendering time if so enabled

By Chris Snyder on May 21, 2003 at 10:37pm

jump to top