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.

Introduction

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.


#Header

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


#Content

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


#Menu

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:
#FolderBody
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.

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

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

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

#ServerNotes
server signature and/or rendering time if so enabled

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

jump to top