?

Log in

No account? Create an account
 
 
26 December 2007 @ 05:19 pm
s2 flexible squares - multifaceted  
image preview | live preview

Also available in:


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 one of the following into the custom stylesheet box and click "Save Changes":



» larger preview?



» larger preview?



» larger preview?



» larger preview?



» larger preview?

Since this post was too large for LJ, the grey layout has been moved here.



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 add a header?
Find this:

#header {
font-family: arial, verdana, tahoma, sans-serif;
text-align: center;
font-size: 12pt;
font-weight: normal;
letter-spacing: -1px;
background-color: transparent;
color: #9C9C9C;
text-transform: lowercase;
line-height: 14px;
}


Replace with this:

#header {
font-family: arial, verdana, tahoma, sans-serif;
text-align: center;
font-size: 12pt;
font-weight: normal;
letter-spacing: -1px;
background-color: transparent;
color: #9C9C9C;
text-transform: lowercase;
line-height: 14px;
background: transparent url(URL OF IMAGE) top center no-repeat;
padding: ###px 0 0 0;
}



Change the ###s to the HEIGHT of 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 will work.

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 img {
display: none;
}


And replace with this:

.defaultuserpic img {
padding: 5px;
background-color: #F7F7F7;
margin: 10px;
}


What if I don't want the sidebar? Can I have the layout without it?
Yep! On your main Customize page, find "Choose a Page Setup" at the bottom. Click "Apply Layout" under "1 Column (no sidebar)". Then, find the #maincontent section, and change the width from 69% to 95%. Then, change margin: 3px 50px 0 4px; to margin: 3px auto 0 auto;.

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 ohappiness, who inspired this layout!
Tags:
 
 
 
goshdarnheckgoshdarnheck on December 26th, 2007 11:21 pm (UTC)
Fantastically done!
*mem*
ピンクpiinkrose on December 26th, 2007 11:27 pm (UTC)
I likes it =) i'm gunna use! will credit! =D
.renataelliott on January 30th, 2008 02:50 pm (UTC)
OMG, is that icon made from an America's Next Top Model photoshoot? If not, where is it from?
ceci: ducklingsbeforethetale on December 26th, 2007 11:28 pm (UTC)
I love this layouts!!! Great job!!
miserable and magical: [phelps] hermanjessieka on December 26th, 2007 11:29 pm (UTC)
looks great. going to memory this and may be using it soon.
[not your late-night booty call]rainbowjumpsuit on December 26th, 2007 11:32 pm (UTC)
I am using it. Really beautiful!

I had a similar problem to "my entries are staring halfway down the page..."
but I lj-cut everything that looked like it was a problem, with no success. If you have a free moment, could you maybe see if you have any suggestions?

Anyway, lovely layouts. I'm going to credit you right now.
Emily: it's a girl's worldpresents on December 26th, 2007 11:35 pm (UTC)
If it still doesn't work, try decreasing the width of #maincontent by a few percentages!
(no subject) - rainbowjumpsuit on December 26th, 2007 11:36 pm (UTC) (Expand)
sugarquilll on December 26th, 2007 11:33 pm (UTC)
I really love this! Using soon.
sugarquilll on December 26th, 2007 11:50 pm (UTC)
more like using now! haha. ♥
(Deleted comment)
un déguisement intelligent.: cupcakenixie_kallan on December 26th, 2007 11:41 pm (UTC)
used the green one!
crazy13eautifu1 on December 26th, 2007 11:41 pm (UTC)
Using the brown version, thanks a lot!
ms. malcontent: [colorful hearts]lalita82 on December 26th, 2007 11:46 pm (UTC)
fantastic! saving to mems.
cat ಌstarslightup on December 27th, 2007 12:02 am (UTC)
Taking the blue one, thank you!
autumn_within on December 27th, 2007 12:46 am (UTC)
Using the gray layout. Thanks!
Sarahmy_candid_heart on December 27th, 2007 12:49 am (UTC)
These are gorgeous! Thank you for the step by step on how to add it with the new S2 style that LJ has.

THANK YOU THANK YOU!.
Using the blue version!
(Deleted comment)
atearlydawn on December 27th, 2007 01:48 am (UTC)
OMFG!
You have outdone yourself, madame! So fucking gorgeous.