Log in

No account? Create an account
18 June 2008 @ 08:28 pm
s2 flexible squares - clean 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 "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:



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;

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

P.S. - Layout truth meme?
TeaJennilullabymoon on July 3rd, 2008 06:20 pm (UTC)
I love this one and your instructions are simple, esay to read and covers all the bases. Using (with slight alterations)and crediting. Thanks.
Mirka☮unwisetrack on July 3rd, 2008 07:43 pm (UTC)
I love this! I change my layout to this and credited to you. Thank you very much! :)
チコmmmfishfingers on July 4th, 2008 07:01 pm (UTC)
thank you!
potionsloverpotionslover on July 5th, 2008 09:49 am (UTC)
This is really quite beautiful. Im taking it and will use it right away. will credit for sure, thanks:)
Andreja: Starbuck_Thinkingmistress_triple on July 5th, 2008 12:34 pm (UTC)
I like the layout but I have a question. Is it possible to write mood, location and music instead of picture for it? I hope you know what I mean.
Emilypresents on July 7th, 2008 01:37 am (UTC)
Sure, just find and delete this:

.currents strong, .currentmood strong, .currentmusic strong {
display: none;
я і е ☆★은미apumpkinkiss on July 6th, 2008 08:49 am (UTC)
how can i make the default userpic centerized?

i'll be using this!
Emily: party it up grl!presents on July 7th, 2008 01:38 am (UTC)
Hmm it should be appearing centered? if not, add this instead:

.defaultuserpic {
margin: 10px 5px 10px ##px;
background-color: #FAFAFA;
padding: 5px;

Keep increasing '##' until it appears centered to you.
etern_ailesetern_ailes on July 6th, 2008 03:47 pm (UTC)
Love this one <3
Using and crediting !!! Thank you :)
Alanna: Autumnpeachlips on July 6th, 2008 10:41 pm (UTC)
This is so beautiful. I'm using and I have credited.
keleosnoonnakeleosnoonna on July 7th, 2008 03:18 am (UTC)
This is beautiful!
I MUST use it!!
>>>will credit XD
x_angle_x: *drools*x_angle_x on July 7th, 2008 12:24 pm (UTC)
I'm using it ^^
will credit
linuo on July 7th, 2008 01:24 pm (UTC)
Web counter
Do you have a tutorial for install a web counter in LiveJournal ??
Sorry for my english I'm a french person ¨^^
Emily: and a soft sighpresents on July 9th, 2008 10:36 pm (UTC)
Re: Web counter
The best one I know is Statcounter!
yojukebox on July 7th, 2008 04:09 pm (UTC)
Using and already credited.
(no subject) - amidala2984 on July 8th, 2008 03:52 am (UTC) (Expand)
evel66 on July 8th, 2008 08:14 am (UTC)
I totally changed my mind and am now using this one. Yay!
i'm chris, not dustin (bella)accrues on July 9th, 2008 01:04 am (UTC)
Taking, using, loving.

Will credit.