Absolute

[evolretsalp]

A simple layout this time. There will be many more layouts to come, so keep a look out for that. :)
I will be putting up a FAQ post soon, in the meantime leave a comment if you have any questions.

(UPDATED) Sidebar version!

Style: Flexible Squares
Title: Absolute
Includes: tiny icons, custom comments pages
Disabled: Title & subtitle
Account types:

Comments

[nicis_anatomy]

I love this layout very much. The only thing that keeps me from taking it is the missing sidebar. I'm pretty new to this whole style stuff, but is there a chance to enable the sidebar with this layout?

[evolretsalp]

I disabled sidebar for this layout but I can definitely do one with a sidebar. I was actually thinking about it.
I will make one now and add it to the post later. :)
You can come back later today or tomorrow if you are still interested.

[nicis_anatomy]

That would be great, because madame_director could use a new layout with sidebar.
But don't hurry. I can be very patient.

[evolretsalp]

Alright, done!
I went over to your comm and I noticed that you have quite a few graphics at your 'Blurb' part. You could disable tags and links so that your sidebar would not look like there is too much stuff in it. :) Just a suggestion though.

[nicis_anatomy]

I wanted to delete the graphics anyway, as soon as I had the new layout. The important thing is the link list and maybe the tags ;)
And thanks again! You are awesome! I will snag the code tonight (have to run some errands first).

[nicis_anatomy]

Can I ask one more question?
The layout itself is working (and looking) great, but I have troubles with the header image. It just won't fit and I don't know what code I need to change to make it work. I tried a few things but without much success :(
http://i32.tinypic.com/e66fz6.png

The size 640x300px (which I also edited in the code)

[evolretsalp]

Oh jeez I missed out one part.
Under .headerimage add in:
margin-left: 123px;

Sorry about that, it should work now.

[evolretsalp]

Actually no scratch that, copy these:
.headerimage {
background: url("");
width: 640px;
height: 00px;
margin-left: 123px;
and replace the current .headerimage and it will be alright :)

[nicis_anatomy]

That's it! Thank you so much. It's working ;) And I've learned a lot about css last night.

Edit: Hm, no, that's not working either. As soon as you change the resolution or the the size of the browser windows the banner is fixed in place while the rest is moving. There seems to be something else missing :(

[evolretsalp]

Argh, its margin-left: 332px;
Try that and see how it is, I am not thinking properly today. :@

[nicis_anatomy]

I tried this one, too. The banner fits perfectly, but as soon as you change the size of your browser window it stays in place, while the rest (sidebar, header and entries) move according to the window change :(
http://i32.tinypic.com/6fw1mu.png

[evolretsalp]

I checked the codes. I think its because you put the margins as auto.
It should be like this (copy this whole chunk and replace your codes and try):
.headerimage {
position: relative;
background: url(http://i26.tinypic.com/2udz72g.jpg);
width: 640px;
height: 300px;
margin-left: 332px;}

[evolretsalp]

Oh sorry, I think I get what you are saying, give me a minute. I think I know whats wrong.

[evolretsalp]

Okay, I finally fixed it. Copy the codes again and tell me if it works.
Sorry for this madness!

[nicis_anatomy]

No problem at all. I have to thank you for your help!
I copied the code again. It's working (image moves together with the rest). But it's not centered anymore, which is weird, because the code says top center
http://i32.tinypic.com/2hykymg.png

[evolretsalp]

Oops I forgot to save after I corrected it. *facepalm*
It should work now.

I have to thank YOU for telling me about this problem. :)