?

Log in

 
 
11 January 2009 @ 04:00 pm
S2 Flexible Squares - Sunday Morning Coffee  
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:



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:

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

Then, find this:

#content {
width: 921px;
margin: 48px auto 0px auto;
background: transparent url(http://img.photobucket.com/albums/v72/panthersgem/ref/brhead4.gif) no-repeat top left;
border: 0px;
padding: 25px 0 0 0;
}


And replace it with this:

#content {
width: 921px;
margin: 0px auto 0px auto;
background: transparent;
border: 0px;
padding: 10px 0 0 0;
}


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'm using Internet Explorer and things don't look quite right?

Just add these lines to #header:

float: left;
position: absolute;
top: 73px;
left: 43px;


Change the width of datesubject to width: 473px; and the width of .entry to width: 497px;.

Why didn't you just make it IE-compatible in the first place?

Frankly, not many people use IE on lj, and doing so makes things look funky with the Navigation Bar, which more people use, so I went with the majority.

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. 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:
 
 
 
xtainted_blackxxtainted_blackx on January 11th, 2009 10:07 pm (UTC)
gorgeous (as always ♥)
Erica: TV » Big Loveohcherub on January 11th, 2009 10:08 pm (UTC)
Hooray, a new layout! :D
oliviaomg_its_olivia on January 11th, 2009 10:09 pm (UTC)
:D
This is so great. I might use this very soon :)
B)mimes on January 11th, 2009 10:09 pm (UTC)
I love this. Memming :)
Emilymugglecrazed on January 11th, 2009 10:10 pm (UTC)
Gorgeous!!! Loving it!
►laugh until you cry; cry until you laughmustenentwined3 on January 11th, 2009 10:10 pm (UTC)
I am so in love with this *________* memming, probably using very soon as well ;)&hearts
topherstuffedpanda on January 11th, 2009 10:11 pm (UTC)
Meming this. It looks awesome.
oh, honestly.enchantee on January 11th, 2009 10:16 pm (UTC)
Ooh, lovely. Might just use it!
young forever: clerks; boomboxisolatedhero on January 11th, 2009 10:18 pm (UTC)
ooh i love it, memming :)
hello worldvanraf on January 11th, 2009 10:28 pm (UTC)
wow, beautiful : )
かすち: [anime] hitachiinkasuchi on January 11th, 2009 10:39 pm (UTC)
Not snagging just yet, but it looks lovely. ♥

How have you been? I/we haven't seen you in ages!
Emily: classical lovepresents on January 12th, 2009 01:33 am (UTC)
Very busy I'm afraid! I've sort of run out of layout-ing time. :(
(no subject) - kasuchi on January 12th, 2009 03:47 am (UTC) (Expand)
Sara: sigur rós - inní mér syngur vitleysingursingthenightsky on January 11th, 2009 10:40 pm (UTC)
I love it! I'm sure I'll be using it soon. (:
haleydignified on January 11th, 2009 10:49 pm (UTC)
this is amazing :)
x_mixedemotionsx_mixedemotions on January 11th, 2009 10:49 pm (UTC)
im using this. i love it :]
celestica: 『stock』a cake for youcelestica on January 11th, 2009 11:25 pm (UTC)
lovely as always. mem~ ;'D
Steph: Jen-candidaniexx on January 11th, 2009 11:25 pm (UTC)
love it!!
now i could change my layout
Soniaaoi_honoo on January 11th, 2009 11:29 pm (UTC)
love it -- adding to memories! :D
♡♡♡: diva; [kfashion]yulins on January 11th, 2009 11:50 pm (UTC)
beautiful. adding to memories. ♥
nicki minaj is who you ain't fuckin withlightspeedsquid on January 12th, 2009 12:08 am (UTC)
taking, thank you! ♥
sunleth on January 12th, 2009 12:22 am (UTC)
Omg, LOVE! Saving this to memories! ♥
mecha_dangermecha_danger on January 12th, 2009 12:50 am (UTC)
I love this, using!
Tammynovemberbaby on January 12th, 2009 01:06 am (UTC)
This is gorgeous! I'm using it right now. Thanks!
나는 KEEPITLOW 나는 KEEPITLOWfiat_amorfati on January 12th, 2009 01:27 am (UTC)
I love the colours and simplicity of this layout. It's gorgeous! ♥
makkunmakkun on January 12th, 2009 01:58 am (UTC)
wow, so elegant looking.. i love it!
i like boring things: degas #1kirra on January 12th, 2009 02:02 am (UTC)
i lovelovelove the colour combination

grl y u so clever!