Entry tags:

s2, tranquility2

Tranquility 2 Topographic Information

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?