Log in

No account? Create an account
18 June 2008 @ 08:28 pm
s2 flexible squares - clean blue  
image preview | live preview

Step by Step Instructions on How to Use the Layout

1. Go to your Customize page.
2. If you are using S1, switch to S2.
3. Under "Select a New Theme", type "Flexible Squares" in the Search box.
4. Click "Apply Theme" directly underneath the first search result.
5. Scroll down to "Choose a Page Setup", and click "Apply Layout" under "2 Column (sidebar on left)".
6. Click the button that says "Customize Selected Theme".
7. Click "Sidebar" on the left. Here you can decide what you would like to be displayed in the sidebar. You can choose any number or combination of these to be displayed. Remember, to customize the links, click "Links List".
8. Click "Custom CSS" on the left. Change "Use layout's stylesheet(s)" to No. This is extremely important!
9. Copy and paste the following into the custom stylesheet box and click "Save Changes":

10. Go to your Manage Profile page. Under Bio, add the following:



Commonly Asked Questions

How do I add a header?
Add this at the bottom:

.headerimage {
position: relative;
margin: 0 auto 0 auto;
width: ###px;
height: ###px;
background-repeat: no-repeat;
background-image: url(URL OF IMAGE HERE);

Change the height and width tags to match your image. You'll need to upload your image to the internet. I suggest tinypic.com.

My entries are starting halfway down the page!
You have a wide image somewhere. Go lj-cut this, and it should work. If not, try decreasing the width of #maincontent by a few pixels.

Can I edit the colours, etc.?
Sure, if you give me credit for the base code!

My layout looks all messed up?!
99% of the time, making sure you have set "Use layout's stylesheet(s)" to No will fix this.

Can I have my default userpic show up?
Sure, just find this:

.defaultuserpic {
display: none;

And replace it with this:

.defaultuserpic {
margin: 10px auto;
background-color: #FAFAFA;
padding: 5px;

Can I not have my mood theme image show up?
Sure! Just add this:

.currentmood img {display: none;}

I have a Plus account. What can I do about the ads?
On the Style page, clear the section "Background color of the outer table". You can change where the ads are placed on your Customize page. Any placement works, though I find Between Entries is the least noticeable.

If you have any questions concerning the layout, feel free to ask. Also, PLEASE comment if you decide to use this! Thank you.

Credit to the amazing prior for the tiny icons!

P.S. - Layout truth meme?
creamiiicandycreamiiicandy on July 9th, 2008 09:04 am (UTC)
thought I'll comment here instead so you can read this.
I've used your s2 flexible squares - blue swirls 's layout
for my community creamiicandy
and I changed the colours/header around to pink
credited you - hope thats okay :D
thank you!
anne_figo on July 9th, 2008 01:21 pm (UTC)
Going to use it! It's awesome! Credit of course!
Well, I have a little question. Is there a way to make the space between the sidebar and the content smaller?

Edited at 2008-07-09 01:42 pm (UTC)
Emily: blow a bubble for your dreamspresents on July 9th, 2008 10:37 pm (UTC)
Sure, just increase the width of the either #sidebar or #maincontent by 1 or 2 percentages.
(no subject) - anne_figo on July 10th, 2008 06:58 am (UTC) (Expand)
Jessica: [dw] rose.another_redhead on July 9th, 2008 04:09 pm (UTC)
Using! Thanks!
Bella Winchesterzuckermaus77 on July 10th, 2008 06:04 am (UTC)
Def taking and using.Thank you! ♥
the (extra-terrestrial) sugar candy chocolate babyalienashi on July 10th, 2008 06:59 am (UTC)
Thanks, i am using it and crediting you :D
bajajrider on July 10th, 2008 10:16 am (UTC)
lovely. using it for my journal :)
Nouvelle Rebelle.rose_of_love on July 10th, 2008 01:58 pm (UTC)
Took it, thanks!
Alli Snowallisnow on July 11th, 2008 06:13 am (UTC)
¤suitcase of memories¤airysh on July 12th, 2008 06:40 am (UTC)
sorry but why the header don't show up in the layout although i already add the header code?DX sorry to bother u uhuk Dx
¤suitcase of memories¤airysh on July 12th, 2008 06:49 am (UTC)
ah it already fixed!sorry Dxxx
OH-♥mainichi_muri on July 12th, 2008 11:33 am (UTC)
nice! like it alot, using and credited! :D but one question?
how do i remove the links in the comment box? or if i can't because its lj default, then, how do i reduce the space/padding between lines in the comments?
Emily: and the rest is rust & stardustpresents on July 12th, 2008 08:37 pm (UTC)
Sorry, but which links in the comment box?
(no subject) - mainichi_muri on July 13th, 2008 01:21 am (UTC) (Expand)
Nicrosy_nic on July 12th, 2008 09:00 pm (UTC)
used for my icon communities, thanks :)
(Deleted comment)
Emily: dig through the purse buy some timepresents on July 23rd, 2008 11:47 pm (UTC)
That's quite strange... I'd say try re-copying and pasting everything without making any changes and see what happens.
partylaundromatpartylaundromat on July 12th, 2008 10:16 pm (UTC)
Awesome. =] I totally took this. It's so beautifully simple.
I'm not stupid. Just socially awkward.starmack on July 13th, 2008 02:43 am (UTC)
This is PERFECT, using and will credit you! :D THANK YOU!