Monday, January 12, 2009

Three Column Layout

So I decided to go on a search for the code to make this blog have three columns. I wanted to use the same template (Minima Lefty Stretch) I already had and I FINALLY found instructions that made sense. Hopefully this will help someone else.

Three Column Minima Lefty Stretch

Once I followed these instructions, I indeed had three columns, but my blog posts were on the left side of the screen. I found additional instructions on how to move the columns around.

You can rearrange the divs to arrange your blog any way you like. Want your post on the far left and both sidebars to the right? It's easy, make the div id "main-wrapper" come before the other wrappers. That's right, just cut "main-wrapper" div and paste it above the side wrappers. Can't find the divs? There are at the end of your template code… the very very end.

I also made a new header, but I don't know...I'm not sure how I feel about it. It's going to stay for awhile though, because messing around with a blog is very time consuming and I can get wrapped up in it for hours, like I did trying to find out how to make this three columns AND making a new header.

3 comments:

julie said...

Love it. I tried the 3 column thing once and it totally didn't work out for me. I love your new header though! :)

Rachel L said...

love the new layout- I know I get so frustrated messing around with this kinda stuff!

mrs.leah.maria said...

I love the work that you've done! And even EVEN though pink is not my color, I like your header!