Log in

No account? Create an account
16 February 2008 @ 07:27 pm
S2 Flexible Squares - orange & 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 "Edit Titles", add a Title/Subtitle to your journal. These tend to look better if they are longer.
4. Under "Select a New Theme", type "Flexible Squares" in the Search box.
5. Click "Apply Theme" directly underneath the first search result.
6. Scroll down to "Choose a Page Setup", and click "Apply Layout" under "2 Column (sidebar on right)".
7. Click the button that says "Customize Selected Theme".
8. 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".
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":

11. 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;

What if I don't want the title/subtitle to show up?
Just find this:

.title {text-align: left;
color: #1CBBB4;
font: 12pt/15pt "trebuchet ms", arial, sans-serif;
padding: 3px 10px 2px 10px;

.subtitle {text-align: right;
color: #F7941D;
font: 10pt/15pt "trebuchet ms", arial, sans-serif;
padding: 1px 10px 3px 10px;

And replace it with this:

.title, .subtitle {display: none;}

Can I have my mood theme image show up?
Sure! Just find and delete 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! Also credit to SLO for inspiration.
ms. malcontent: [girl with the black rose]lalita82 on February 17th, 2008 01:51 am (UTC)
Awesome layout! love the colors. saving to mems.
emilymdemvizi on February 17th, 2008 01:53 am (UTC)
Love it. Was looking for a new layout and found it. Will be using :)
.: chuck + ellie sibling ♥dearlydevoted on February 17th, 2008 01:54 am (UTC)
gorgeous! i'm taking.
Jess: CB; the stars are projectorskittyfu on February 17th, 2008 01:55 am (UTC)
Lovely! I especially love the Oasis lyrics in the preview :D
Keep up the wonderful work!

Edited at 2008-02-17 01:57 am (UTC)
Emily: eep! - cluelesspresents on February 17th, 2008 01:59 am (UTC)
Haha, thanks! I'm glad someone got the reference. :)
(no subject) - kittyfu on February 17th, 2008 02:08 am (UTC) (Expand)
(no subject) - presents on February 17th, 2008 02:28 am (UTC) (Expand)
you can call me jay.thesoundofblue on February 17th, 2008 01:58 am (UTC)
I love this!
lolikym on February 17th, 2008 02:12 am (UTC)
I really love this layout, but I want the sidebar to be on the left. How could I change it?
Emily: eep! - cluelesspresents on February 17th, 2008 02:31 am (UTC)
Under "Choose a Page Setup" click "Apply Layout" under "2 Column (sidebar on left)". Then, find this:

#sidebar {
float: right;
padding: 0 2px 0 4px;
margin: 0 5px 0 0;
background-color: transparent;
border-left: 1px dotted #CCCCCC;
text-align: left;
width: 22%;

And change it to this:

#sidebar {
float: left;
padding: 0 4px 0 2px;
margin: 0 0 0 5px;
background-color: transparent;
border-right: 1px dotted #CCCCCC;
text-align: left;
width: 22%;

Then find this:

#maincontent {
float: left;
width: 75%;
margin-top: 0px;
background-color: transparent;
color: #000000;
border: 0px;
text-align: left;

And change it to this:

#maincontent {
float: right;
width: 75%;
margin-top: 0px;
background-color: transparent;
color: #000000;
border: 0px;
text-align: left;
(no subject) - lolikym on February 17th, 2008 02:39 am (UTC) (Expand)
Kheva: OTH - Nate & Luke - on the courtnifty_kheva on February 17th, 2008 02:15 am (UTC)
I love it. I'm going to save this to memories and use it later.
jess.jesseski on February 17th, 2008 02:18 am (UTC)
Oh this looks nice :) Saving to mems.
pinkyay on February 17th, 2008 02:21 am (UTC)
This is nice ! I might use it later (:
********accionargles on February 17th, 2008 02:22 am (UTC)
really nice and simple :)
exiiguity: RNDM [Robyn]exiiguity on February 17th, 2008 02:22 am (UTC)
Hey that's pretty neat, glad you got inspired by my site! :P
Emily: little miss sunshinepresents on February 17th, 2008 02:33 am (UTC)
I loved the design, especially the links! I hope you don't mind.
(no subject) - exiiguity on February 17th, 2008 03:07 am (UTC) (Expand)
ϟ: Damien Rice: 9♥briar on February 17th, 2008 02:25 am (UTC)
this is beautiful <3
ɐuıɹʇɐʞ: ☆☆ hide and seek // 宮崎あおいaiholic on February 17th, 2008 02:26 am (UTC)
♥ !
Will use. Beautiful job. (:
wintergreenwintergreen126 on February 17th, 2008 02:30 am (UTC)
awesome. mems :o)
aiiri on February 17th, 2008 02:36 am (UTC)