Introduction
Hello and welcome to Basic. Basic is just that, a really simple template in terms of aesthetics where the aim is to get you to add your own images/swap things about to achieve a unique web site from a solid starting point. Basic is infact many templates in one using a single stylesheet. By adding/removing small snippets of code from the html, Basic can go from a fluid 3 column web template for a fixed width 2 column page. All in the flick-of-a-switch. Or so they say. I'll explain how to do this next!
How..?
Changing the template from a fluid to a fixed width couldn't be easier. The main container div, which I have named wrapper can have a class applied to it. If you apply the class fixed, then the page will have a fixed width of 760px. If you apply the class fluid then the page will have a width of 90% of the browser window. Simple huh?!
What about sidebars?
Again, very easy and all accounted for. If you plan to have a left sidebar (the main one) then simply include your sidebar code above the content like so:
<div id="sidebar_left">
***SIDEBAR CONTENT HERE***
</div>
And then make sure that the #content div has the class "with_sidebar" like so <div id="content" class="with_sidebar">. If you plan to have a right sidebar too, then just add the sidebar_right code (in the same way as sidebar_left) just above the #content div.
Why..?
Why have I created this template? Well I felt like doing something different. Something that is completely customisable so that many people can use the template but each in their own way so that one version of Basic can look different to another. With a few colour alterations and an image replacement it's theoretically possible to line two Basic templates up next to each other and not even know they were based on the same original. And I think that's cool!
And who are you..?
I'm Jay, a 20 year old web designer from the UK. You can find out more about me on my web site; Six Shooter Media.