Tranquility 2 Topographic Information

Feb 06, 2007 12:46


Do you often wonder about how to style Tranquility 2?

I do. But I need the structure of the document. So, last night, I made the topographic information on its block elements. If you click the image below, you'll see the Recent Page topographic information. I'll update with more.


If you ask me, it does have too many divs, but we're not here to discuss that.

Main ids are:
div#container this one wraps the whole thing, where you can define how wide the layout would be, and make it center, left, or right div#header this is where you can define your header image, journal title, etc. div#menu commonly people would refer this as sidebar. div#content where #entries and #footer are wrapped together
So, basic structure is: header-sidebar-entries. In terms of usability it is weird to have sidebar rendered first. People who have very slow connection will be stuck looking at sidebar before they would be able to see the entries (which is more important).

But, let's move on to grrliz amazing post: Tranquility II: A Primer, shall we?

s2, tranquility2

Previous post Next post
Up