?

Log in

 
 
19 April 2009 @ 10:20 pm
s2 flexible squares - refresh  
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 "Text" on the left. Then click "Commments", and change "Link text to leave a comment" to + and "Link text to read comments" to #. Do the same for friends view.
9. Click "Custom CSS" on the left. Change "Use layout's stylesheet(s)" to No. This is extremely important!
10. 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:



PLEASE DO NOT NEGLECT THIS STEP.

REMEMBER, FOR FASTEST RESPONSE TIME, ASK ANY SPECIFIC QUESTIONS CONCERNING THE LAYOUT ON THIS POST!

Commonly Asked Questions


How do I change the width?

Just find these lines:

#content {
width: 100%;


And change 100% to a lower percentage until the layout is the width you would like.

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.

I decided not to change my comment text and now the comment links are overlapping the entry?

Find this:

.comments {
color: #f2f2f2;
text-align: left;
background-color: transparent;
padding: 0 0 5px 0;
margin-left: -105px;
}


Then, change -105px to a higher negative number until the links are where you want them.

I chose not to show my default userpic and don't have many things in my sidebar, so I have some extra white space.
Just find and delete this line:

min-height: 110px;

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. I would suggest either placing the ads Between Entries or Vertical.

If you have any questions concerning the layout, feel free to ask. Also, PLEASE comment if you decide to use this! Thank you.
Tags:
 
 
 
hoidraconianfreak on April 20th, 2009 03:41 am (UTC)
I like this a lot -- it's very clean and simple, since I'm not a big fan of messy and complicated layouts. Saving to mems, good job!
nelle (with one hand in a mound of planets)builtofsorrow on April 20th, 2009 03:41 am (UTC)
Oh, I love this; it's so minimal, yet gorgeous. I shall probably be snagging sometime soon. ♥!
Arthur 'Earl Grey' Kirkland: fairygirl stocklily_winterwood on April 20th, 2009 03:50 am (UTC)
grabbed it for mah icon journal. thanks! :]
ex_alittlel on April 20th, 2009 04:08 am (UTC)
PRETTY.
hello world: sexy carvanraf on April 20th, 2009 04:41 am (UTC)
oo nice! thinking I'm going to use this for my journal - very clean
nit(ya)asweetdownfall on April 20th, 2009 04:47 am (UTC)
This is beautiful <3
ana: 《stock》♥ana_leez on April 20th, 2009 04:59 am (UTC)
Gorgeous! I may use it sometime :D
Betsy: merlin arthur crown gifbetsyli on April 20th, 2009 05:28 am (UTC)
This is lovely and very bright, thanks!
yin_chan: smexxyin_chan on April 20th, 2009 05:43 am (UTC)
Gorgeous, might use this, thanks!
592311 on April 20th, 2009 05:46 am (UTC)
Beautiful and amazing as always ♥
Anastasia Beaverhausena_shadow_there on April 20th, 2009 06:00 am (UTC)
Lovely.
In Amber Clad: I see red.inamberclad on April 20th, 2009 06:02 am (UTC)
Oh, this is gorgeous! I'm snagging and using, will credit.
Boca.: thank youmsqu on April 20th, 2009 06:09 am (UTC)
Love it. Just the kind of bright, clean layout that feels good for spring. Using and crediting.
CXT: prp ▪ bastiiskytricks on April 20th, 2009 06:50 am (UTC)
i loveloveloveloves this, using. :D
sabrina: GAGAund3clared on April 20th, 2009 07:37 am (UTC)
I'm using this! But there is a problem with the coding, I don't think I did anything wrong but the top bar with all the lj links, the link color blends in with the background color so you cant see them. I tried fixing it myself but it's impossible.
bloemche: Robbie_tuerkis_sweetgrinbloemche on April 20th, 2009 08:41 am (UTC)
I like this a lot!
girl & the sea.heartswt on April 20th, 2009 10:12 am (UTC)
snagged!
ALEXcutandpastee on April 20th, 2009 10:27 am (UTC)
This is awesome! Using it soon :)
Amy: Yamapi♥colloquillism on April 20th, 2009 11:27 am (UTC)
Using now, thank you! :D
with the K and the W: Jack Sparrow :)theklewerz on April 20th, 2009 11:36 am (UTC)
I like this. So sleek and clean :D
Ba-kiking_guu on April 20th, 2009 12:40 pm (UTC)
So neat and simple. :D Thank you!
miss dee :3pandapaw on April 20th, 2009 01:24 pm (UTC)
thank you soo much for the layout, im so happy i can change it now :)
Klinks: Flapping Goosemandibug on April 20th, 2009 03:00 pm (UTC)
Very pretty! I love the cleanliness too, and am saving to memories.
Sarah: hp: Potter Palswhatsarahsaid on April 20th, 2009 03:42 pm (UTC)
I really like this layout but after following all the steps it still isn't showing up right. Some of my entries are shaded in gray and any photos, polls, links, or cuts are shaded as well. I made sure everything was set correctly...have any idea what's going on? Thanks :)
Emily: and a soft sighpresents on April 20th, 2009 04:48 pm (UTC)
Just find this bit:

p, td, blockquote {
background: #f2f2f2;
padding: 5px;
}

And replace with this:

blockquote {
background: #f2f2f2;
padding: 5px;
}

And that should fix things up.
Me!aquinney on April 20th, 2009 03:43 pm (UTC)
Awesome, I needed a change and this is great. Quick question: how do I get rid of my calendar?
Emily: class & style girlpresents on April 20th, 2009 04:49 pm (UTC)
Under your Sidebar on your Customize page, set "Show the calendar in the sidebar?" to No.