S2 Flexible Squares // Cherry Pie.

[resplandor]

These last two weeks have been very busy. I recently started a new job and spent little time on the computer but I did manage to come up with this stylesheet. It may have a few bugs on IE and maybe on Opera too (Specially the links on the header, for some reason I couldn't position them correctly on those browsers) but it works perfectly great on

Comments

[coffeedrops]

I can say it does not work with ads, but anyway, I loved it! I'm meming it for possible later use ^^
(and, will you please make a lay like this for Plus accounts? It would be wounderful :)

[girlinclouds]

this is pretty, I love the position of the sidebar! might use it in the future =)

[swatkat24]

This is absolutely lovely. I stole it, and am using it with minor modifications (you are credited in my profile), but there's a small glitch. Since you mentioned that the only way to add a header image is through the body section, I copied the .headerimage code, and it's working fine. But I can't seem to get rid of the navigation links ('recent entries', 'friends' etc). Is there a way to do it, or is it just my css-inept self asking a silly question? I did check your FAQ section, but that doesn't seem to help. *scratches head*

[resplandor]

Thank you, I'm glad you liked it.
This thing you're asking, it's not stupid, it's a valid question. But remember this, if I specifically noted that the header will only work (correctly)through the body was because i had disabled the header links and the .headerimage.
Now that you located the code on the overrides again, it will (of course) show the header links. You need to delete the .headerimage code and try to add the image with the image background on the body section.

Hope that was helpful.

[swatkat24]

I couldn't make it work with the image background, so I think I'll keep it this way. Slightly ruins the symmetry of the thing, but I'll live with it. *g*

need header help?

[rosevic87]

if you use this code at the very end, not in the body section, it should work (meaning, removing the navigation links), it did for me:

-----------------

/*--------------------------------------------
Misc
-----------------------------------------*/

.clear {
height: 0px;
}

.headerimage {
height: 000px;
background-image: url("url") !important;
background-repeat: no-repeat !important;
background-attachment: scroll !important;
background-position: center !important;

margin-bottom: 00px;
}
-------------
the stuff in italics is what you add at the bottom and you should know this code already but just in case...
change height to your header height
put in url
it's at 15 originally, but you can change it if you want it to be directly on the sidebar or floating a bit

hopefully it works XD

[_killahqueen]

Using this. Thank you.

[nero_sama]

XD awesome! thanks!