Log in

Circa 77 Icons & Graphics
Fun Stuff for Pop Culture Junkies
Layout: The Shutter Falls 
13th-Aug-2010 10:21 pm
[celebs] Life could be simple.


The Shutter Falls
Layout Style:
Flexible Squares
Account Type:
All Accounts
Tested in:
Firefox 5.0, Opera 9.50, Google Chrome 1.0, Internet Explorer 8 (Note: I make no guarantees for any version of IE, as it should be set on fire.)
Screen Resolutions:
Best in 1024x768+
Nav Bar:
Yes, customized.
Custom Comment Pages:
Yes, please see below.
Inspired by this site. The userpic and page summary are disabled on the sidebar.

From the main LJ navigation bar:
Go to the LJ Customization Page.
Under "2. Select a New Theme":
Enter "Flexible Squares" in the search box and click the button. From the results, choose any Flexible Squares theme.
Under "3. Choose a Page Setup":
Find "2 Column (sidebar on left) and click "Apply Layout." Click the "Customize Selected Theme" button on the bottom right.
Under "Custom CSS":
  • Use layout's stylesheet(s) = Yes

  • Use layout's stylesheet(s) when including custom external stylesheet = No

  • Use external stylesheets = No

  • Custom external stylesheet URL = Leave blank

  • Custom stylesheet (The big box) = Paste in everything on this page, along with any additional customizations at the bottom.

  • Click "Save Changes." That's it!

How to use custom colors:
Open the stylesheet in Notepad or similar text editor and do a find and replace the color listed below:

Teal: #3bb99e

Make sure that any "word wrap" feature is turned off in your text editor before you copy and paste your CSS into LJ's Customization area.
Adding a header:
It's easy to add a header like in the preview below (click for a larger screencap):

Your image can be any height you like, but must be 300px wide. Upload it to your own hosting (LJ's Scrapbook is very good for this if you have a paid account), and paste the following code into the bottom of your stylesheet, making sure to change the values as indicated:

#content {background:transparent url(http://URL TO YOUR IMAGE GOES HERE) top left no-repeat;}
#sidebar {margin-top:###px;}

Replace ### with the height of your image less 100px. For example, if my image height is 250px, I replace ### with 150. Note: Depending upon the type of image you have and how you want everything to look, you might want to add a greater value for a bit more padding between it and the sidebar.
Regarding additional customization:
If you know what you're doing, you're welcome to further customize this layout. Please give proper credit to circa77.
CREDIT IS REQUIRED FOR USE. It is the polite thing to do to let other people know where you got your layout. Acceptable crediting would be linking circa77 in your userinfo, or someplace obvious on your sidebar.
Regarding Support:
While I am happy to answer general questions/be reminded about things I might have missed, I DO NOT OFFER SUPPORT FOR MY LAYOUTS.

Comments are greatly appreciated!
14th-Aug-2010 10:10 pm (UTC)
This is beautiful! I really like it! Saving for later!
14th-Aug-2010 10:47 pm (UTC)
this layout is gorgeous ♥ definitely using. :3
14th-Aug-2010 10:51 pm (UTC)
Oh yay, you added a header! I wasn't sure whether people would do that or not; I'm glad it turned out well.
15th-Aug-2010 01:32 am (UTC)
Lovely! Memming for later :)
15th-Aug-2010 01:58 am (UTC)
Love this! I think I'll be changing my layout to this tonight.
15th-Aug-2010 03:03 am (UTC)
lovely work, I'll use it, thanks for sharing ♥
15th-Aug-2010 03:23 am (UTC)
I adore your layout designs, and I'm one of your fan now
15th-Aug-2010 02:26 pm (UTC)
It's so gorgeous!! Will probably use it soon ;) Thank you!
15th-Aug-2010 05:19 pm (UTC)
The layout is awesome! Using it and credit. Thank you so much!♥

A small question: how can I make my mood theme appear in the entries?
15th-Aug-2010 08:45 pm (UTC)
Find ".meta-mood-img {display:none;}" and remove it from the code.
25th-Aug-2010 08:05 am (UTC)
thank you so much!
16th-Aug-2010 12:39 pm (UTC)
ohh beautiful! Meming!
16th-Aug-2010 02:23 pm (UTC)
This is lovely! Very simple, very basic. I just love it. I'll probably use it soon-ish, in the meantime... memming! :)
16th-Aug-2010 06:43 pm (UTC)
FANTASTIC I'VE BEEN HOPING TO GET A NEW LAYOUT FROM YOUR DESIGNS. Will be putting this into effect at some point. YAY. Thank you!
17th-Aug-2010 10:06 pm (UTC)
Really lovely.
20th-Aug-2010 11:52 am (UTC)
I may at some point snag this as it is gorgeous and its about damn time I changed mine.
20th-Aug-2010 01:34 pm (UTC)
Very nice! I like how accessible everything is but that none of it looks defaultish.
23rd-Aug-2010 05:35 am (UTC)
loves it! using :D thanks
29th-Aug-2010 01:26 am (UTC)
Memming for later use! <3
31st-Aug-2010 12:04 pm (UTC)
Snagged it, I think it looks gorgeous.
6th-Sep-2010 01:00 am (UTC)
Love this, might use this later. Thanks!

ETA: Ok, I only made changes to the colors and added a header and now the links on the sidebar and the calendar links don't work. What can I do to fix this?

Edited at 2010-09-06 02:56 am (UTC)
6th-Sep-2010 03:08 am (UTC)
They're all working fine for me, both logged in and logged out.
6th-Sep-2010 03:29 am (UTC)
Really? Maybe it's just me then. Oh well, as long as they work for others. Thanks so much. :)
12th-Sep-2010 09:08 pm (UTC)
This is lovely, thanks so much. I'm using it for both my personal journal and my writing journal (falcons_legion). I've tweaked the colours half to death -- hope that's all right! -- and changed the font, but credited in the sidebar on both journals. If there's any problem with my changes, please let me know and I'll sort it out. Thanks again!
19th-Sep-2010 01:28 am (UTC)
This is really nice.
2nd-Oct-2010 01:49 am (UTC)
Absolutely fantastic, you make great layouts. :) Using with credit.
7th-Oct-2010 03:05 am (UTC)
Snagged, will credit when used. ;)
9th-Oct-2010 12:54 pm (UTC)
Using this for my new comm airbender20in20; will credit, thank you!
10th-Oct-2010 12:19 pm (UTC)
Awesome layout! I'll totally use it!=D
16th-Oct-2010 10:04 am (UTC)
mmm, very pretty and awesome :) taking with credit ~
thanks :)
17th-Oct-2010 01:37 pm (UTC)
This is such a pretty and functional layout! Snagged it and credited in my userinfo. Still playing around with the colours, but I love it. Thanks so much!
4th-Nov-2010 05:01 pm (UTC)
gorgeous layout!!
tryin it now..will credit properly!
16th-Nov-2010 10:35 pm (UTC)
I have been trying layouts for nearly two hours straight now, and yours is the one that finally worked for me! Love it!
4th-Jan-2011 03:32 pm (UTC)
Gorgeous! Totally snagging!
12th-Jan-2011 09:34 am (UTC)
Thanks for sharing! I'm using this for my journal now after a bit of customizing. Credit link is in the sidebar! :)
6th-Apr-2011 01:20 pm (UTC)
I'm going to snatch this for a new comm I made with credit, of course ♥
5th-Jun-2011 08:58 am (UTC)
Not taking, but Barefoot Appalachian Lil' Abner Barbie amused me.

Kors really comes out with some good ones, doesn't he?

EDITED to finish a sentence. >_>

Edited at 2011-06-05 08:59 am (UTC)
5th-Jun-2011 10:21 pm (UTC)
He does indeed!
5th-Jun-2011 09:12 am (UTC)
I love this layout! <3 Very clean. I may edit the entry text color, but other than that it's a beauty I don't feel the need to tweak at all. :D The header space and how it fits in with the rest of the layout is also greatly appreciated.
5th-Jun-2011 09:13 am (UTC)
Oh! But would you mind sharing the image you used as a header in the example? I would love to use it as a placeholder until I can make a custom one myself. :)
6th-Jun-2011 01:12 am (UTC)
Thank you very much! :)
16th-Jun-2011 05:31 pm (UTC)
this is an awesome layout! gonna use it, thanks :)
25th-Jun-2011 12:01 am (UTC)
Thanks for sharing! Will credit you if I use it.
6th-Jul-2011 08:20 am (UTC)
Taking this lovely layout, thanks.
8th-Aug-2012 04:43 pm (UTC)
I'm totally going to use this and add a header ASAP. :>
3rd-Jan-2013 05:35 pm (UTC)
Thanks, it's a good Layout.
If I'm taking this one, will credit =)
This page was loaded Feb 22nd 2017, 9:54 pm GMT.