Emily ([info]presents) wrote in [info]refuted,
@ 2008-02-16 19:27:00
Previous Entry  Add to memories!  Tell a Friend!  Next Entry
Entry tags:layouts

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:



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.

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 [info]prior for the tiny icons! Also credit to SLO for inspiration.



(Post a new comment)


[info]lalita82
2008-02-17 01:51 am UTC (link)
Awesome layout! love the colors. saving to mems.

(Reply to this)


[info]mdemvizi
2008-02-17 01:53 am UTC (link)
Love it. Was looking for a new layout and found it. Will be using :)

(Reply to this)


[info]dearlydevoted
2008-02-17 01:54 am UTC (link)
gorgeous! i'm taking.

(Reply to this)


[info]kittyfu
2008-02-17 01:55 am UTC (link)
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

(Reply to this) (Thread)


[info]presents
2008-02-17 01:59 am UTC (link)
Haha, thanks! I'm glad someone got the reference. :)

(Reply to this) (Parent)(Thread)

(no subject) - [info]kittyfu, 2008-02-17 02:08 am UTC
(no subject) - [info]presents, 2008-02-17 02:28 am UTC

[info]seekingdeeper
2008-02-17 01:55 am UTC (link)
beautiful. might use someday. =)

(Reply to this)


[info]thesoundofblue
2008-02-17 01:58 am UTC (link)
I love this!

(Reply to this)


[info]lolikym
2008-02-17 02:12 am UTC (link)
I really love this layout, but I want the sidebar to be on the left. How could I change it?

(Reply to this) (Thread)


[info]presents
2008-02-17 02:31 am UTC (link)
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;
}

(Reply to this) (Parent)(Thread)

(no subject) - [info]lolikym, 2008-02-17 02:39 am UTC

[info]nifty_kheva
2008-02-17 02:15 am UTC (link)
I love it. I'm going to save this to memories and use it later.

(Reply to this)


[info]jesseski
2008-02-17 02:18 am UTC (link)
Oh this looks nice :) Saving to mems.

(Reply to this)


[info]pinkyay
2008-02-17 02:21 am UTC (link)
This is nice ! I might use it later (:
memzit

(Reply to this)


[info]accionargles
2008-02-17 02:22 am UTC (link)
really nice and simple :)

(Reply to this)


[info]exiiguity
2008-02-17 02:22 am UTC (link)
Hey that's pretty neat, glad you got inspired by my site! :P

(Reply to this) (Thread)


[info]presents
2008-02-17 02:33 am UTC (link)
I loved the design, especially the links! I hope you don't mind.

(Reply to this) (Parent)(Thread)

(no subject) - [info]exiiguity, 2008-02-17 03:07 am UTC

[info]dillspond
2008-02-17 02:25 am UTC (link)
this is beautiful <3

(Reply to this)


[info]aiholic
2008-02-17 02:26 am UTC (link)
♥ !
Will use. Beautiful job. (:

(Reply to this)


[info]wintergreen126
2008-02-17 02:30 am UTC (link)
awesome. mems :o)

(Reply to this)


[info]aiiri
2008-02-17 02:36 am UTC (link)
lovely.

(Reply to this)


[info]stealmy_kiss
2008-02-17 02:49 am UTC (link)
This is lovely, thank you!

Is it possible to have the color borders show up around the icons on my friends page?

(Reply to this) (Thread)


[info]presents
2008-02-17 01:44 pm UTC (link)
Sure, just find this:
.userpicfriends {
background-color: #FAFAFA !important;
And replace it with this:
.userpicfriends {
background-color: #FAFAFA;

(Reply to this) (Parent)(Thread)

(no subject) - [info]stealmy_kiss, 2008-02-17 08:52 pm UTC

[info]yaiyah
2008-02-17 03:10 am UTC (link)
I ♥ this.

Using.

(Reply to this)


[info]friv0lity
2008-02-17 03:17 am UTC (link)
awesome layout! I really want to use it! I was just wondering, do u know whatI have to do if i want the calender to show?

(Reply to this) (Thread)


[info]presents
2008-02-17 01:45 pm UTC (link)
On this page change "Show the calendar in the sidebar?" to Yes.

(Reply to this) (Parent)(Thread)

(no subject) - [info]friv0lity, 2008-02-17 04:01 pm UTC

[info]barilace
2008-02-17 03:22 am UTC (link)
Purty! I love your darker layouts. They are so nice. Memoring for later. :)

(Reply to this)


[info]loveohlovelove
2008-02-17 03:25 am UTC (link)
weee saving to mem!

(Reply to this)


[info]downpour
2008-02-17 03:43 am UTC (link)
This is beautiful, I will be using at my icon community, [info]thevisual! Thank you.

(Reply to this)


[info]maboheme
2008-02-17 04:14 am UTC (link)
lovely! *snagging*

(Reply to this) (Thread)


[info]maboheme
2008-02-17 04:31 pm UTC (link)
I had a question about the header image though. I'm not sure how to describe this in technical terms- so the layout shrinks or expands depending on the how big or small I open my browser page, but the header image doesn't shrink or expand along with the rest of the layout so that it appears aligned. It's static--so sometimes the header image appears off center or too big or too small depending on how I expand the browser page because the rest of the layout adjusts it size as the browser page size. Is there any way to have the header image do the same so that it always appears aligned? Am I making any sense at all as I explain this to you? Thanks!

(Reply to this) (Parent)(Thread)

(no subject) - [info]presents, 2008-02-17 06:54 pm UTC

[info]mumbledshadows
2008-02-17 04:14 am UTC (link)
grabbing. thank you =)

(Reply to this)


[info]sunring
2008-02-17 04:19 am UTC (link)
Gorgeous...thanks!

(Reply to this)


Create an Account
Forgot your login or password?
Login w/ OpenID
English • Español • Deutsch • Русский…