2-Column Template Version 3 - Satumu T950

What's new in Version 3

The Header and Footer Sections

You'll notice that both the header and footer look exactly the same as in the single-column.

That was what I have in mind when creating this template. Whatever changes made to this template, as long the header remains the same, it gives the site a consistent look.

Any changes will make a visitor feels if s/he's leaved the site, causing confusion. I kind of like one of Alexa's earlier design. It used a different color for each different section. Unfortunately, it appeared for only a week or so. I wondered what caused them to abandon that lovely design.

The Content Section

The content's width is 620px <content620>. The width was adjusted to 625px to reduce the gab between the content and the sidebar to 5px.

The width of the inner box depends on the margin set for this box. With a margin of 10px set in the inner box. In this case, I set the padding at 30px+30px, margin at 10px + 10px and border of 1px + 1px. That leaves the width to 543px.

The Sidebar Section

Width of sidebar is set at 320px. It may appeared I made template creating very complicated. I've different width for sidebar; from 250px to 350px.

320px was chosen as it allows room for 2 navigation bar at 160px and the other at 120px.

350px may be needed when I insert a video clip. At 320px it may look a little small.

320px looks good Google Adsense 300x250.

A box for advertisment or video

As mentioned above, the top box is for video. You won't find any advertisements on any of the Tier 1 or Tier 2 pages. Ideally, I'd want them deeper at level 4.

Level 3 Navigation

This is what set this template apart from other websites - the tier 3 navigation.

While other templates show links to all pages, this sidebar navigation make use of PHP <include> to list pages only of the same category.

How to create this template

I'll cover in detail in the tutorial on how to create this template. I'll show you how to create all the templates showcase in this site.

So make sure you bookmark this site, or remember Starising.

And as usual, I wont' let a page go unvalidated.

Share |