?

Log in

No account? Create an account
 
 
25 November 2007 @ 01:53 pm
S2 Flexible Squares - Black Ice  
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 right)".
6. Click the button that says "Customize Selected Theme".
7. Under "Customize Your Theme", click "Text", then the light blue box entitled "Comments". More options should appear.
8. Change "Link text to leave a comment" to "comment?" and "Link text to read comments" to "#".
9. Click "Sidebar" on the left. Here you can decide what you would like to be displayed in the sidebar. (The text on top of the layout)
You can choose any number or combination of these to be displayed. Remember, to customize the links, click "Links List".
10. Click "Custom CSS" on the left. Change "Use layout's stylesheet(s)" to No. This is extremely important!
11. Copy and paste the following into the custom stylesheet box and click "Save Changes":




12. 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?

Add this at the bottom if you make a header of a smaller width than the layout, and would like it centered in relation to the actual page:

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


If you would like the header to line up exactly with the edges of the layout (if the header is the exact width of the layout) use this:

.headerimage {
position: relative;
margin: 0;
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 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 or making sure there is no text in the "Title of the blurb sidebar box" box.

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: #ffffff;
border: 1px solid #e5e5e5;
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 75% to 98%.

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 aflux.net, who inspired this layout!
Tags:
 
 
 
Sarah Smile: handgroupjustspaz on November 25th, 2007 08:32 pm (UTC)
This is absolutely wonderful. Saving to my mems. Thank you!
sugarquilll on November 25th, 2007 08:33 pm (UTC)
amazing! +mems.
CALL JAMIEsoliloquy88 on November 25th, 2007 08:38 pm (UTC)
Awesome! I'm memory-ing this
Carmen: flower-poppyfieldhumbuggirl on November 25th, 2007 08:41 pm (UTC)
Oh this is just lovely! Really good work. Thanks for sharing.
Stina ♪stinabug87 on November 25th, 2007 08:44 pm (UTC)
It's really pretty! I might think of using it soon. ♥
Lindsaythe_leh on November 25th, 2007 08:44 pm (UTC)
awesome!!! I took it and credited you.
boulted.: Misc_By The Seabergusia on November 25th, 2007 08:45 pm (UTC)
This is really great. Definitely saving it for possible later use. Thanks for sharing.
Christinachrischdi on November 25th, 2007 08:51 pm (UTC)
meming <3
♪ Eyvette {let me live as who i am} ♪eyeswideopen19 on November 25th, 2007 08:52 pm (UTC)
this is HOTT. using, thanks!
camille - blogger without a cause: Fourth in Paris - Because the French neejustbolognese on November 25th, 2007 08:58 pm (UTC)
I love it!
*saves to mems*
helixian on November 25th, 2007 09:09 pm (UTC)
Oooooh. I think I'm memming this one.
香田梨素 。: 【 錦戸亮 】  ⇒ Crying alone in the dark.shixon on November 25th, 2007 09:11 pm (UTC)
pretty! will credit when used~
celianacely on November 25th, 2007 09:13 pm (UTC)
Very nice.
sweetelfe on November 25th, 2007 09:21 pm (UTC)
Adorable meming thanks love it !
Alyssacrazyover on November 25th, 2007 09:22 pm (UTC)
this is gorgeous, simple and lovely.
saving it to mems, when used will credit!