February 2013

S M T W T F S
     12
3456789
10111213141516
17181920212223
2425262728  

Dec. 1st, 2008


[info]lilbreck

Layout: E-fiction Skin [3.0] - Simplicity

Contents: E-Fiction Skin
Subject: object; quill
Layout Style: N/A
Status: As Is
Credit: is included already, please do not remove
Comments: Includes 3 images. Only slight difference between IE and regular version, and that's simply cosmetic.

Screengrab [click to see full size]:


Working Previews:
Simplicity \\ IE Simplicity

Zip Files (unzip into your 'skins' folder, upload, and the skin should be available as an option):
Simplicity zip file \\ IE Simplicity zip file

[info]lilbreck

Layout: E-fiction Skin [3.0] - Tea Time

Contents: E-Fiction Skin
Subject: object; tea cup
Layout Style: N/A
Status: As Is
Credit: is included already, please do not remove
Comments: Tea Time [side] has only a sidebar (and includes the sidebar on every page except the actually chapter pages) while Tea Time [top] has both sidebar and top menu (and the sidebar is only on the index page). Includes one image. There's a minor annoyance in IE with the footer section, but nothing that will interfere with site navigation or viewing.

Screengrabs [click to see full size]:


Working Previews:
Tea Time [side] \\ Tea Time [top]

Zip Files (unzip into your 'skins' folder, upload, and the skin should be available as an option):
Tea Time [side] zip file \\ Tea Time [top] zip file

May. 30th, 2008


[info]lilbreck

How To: Adding Customized [full] CSS to Layout

This should be the same for all layouts. Please let me know if you find one that you can't apply this to.


  1. Go to http://www.insanejournal.com/customize/.[fig 1]

  2. Click on the 'Look and Feel' tab and choose your layout style and (None) as your theme and click the 'Save Changes' button at the bottom. [fig. 2]

  3. Click on the 'Custom Options' tab, then the 'Custom CSS' link. [fig. 3]

  4. Select 'No' for the 'Use layout's "Base Weblog" stylesheet, then paste in your stylesheet coding into the large text area marked 'Custom stylesheet' and click the 'Save Changes' button at the bottom. [fig. 4]



Check your journal, and it should be right!

Jan. 18th, 2008


[info]lilbreck

Journal Layout: Pink Notebook

Contents: Full Journal Layout
Subject: Book; Winnie the Pooh, Character; Piglet
Layout Style: S2 Bloggish [2 column right, though I can alter the css for other variations]
Status: As Is
Credit: Please credit either in user info, or in sidebars if you have that capability.
Comments: This layout was made for bloggish 2column right. If you want to use it for any of the other versions, let me know and I can work up the alterations for you. Zip includes 9 layout images an icon. The layout is fluid, and should work in most browsers.

Working Preview

Zip File

CSS you need to copy



If you have any issues with the layout, please let me know.

[info]lilbreck

Journal Layout: Grey Notebook

Contents: Full Journal Layout
Subject: Book; Winnie the Pooh, Character; Eeyore
Layout Style: S2 Bloggish [2 column right, though I can alter the css for other variations]
Status: As Is
Credit: Please credit either in user info, or in sidebars if you have that capability.
Comments: This layout was made for bloggish 2column right. If you want to use it for any of the other versions, let me know and I can work up the alterations for you. Zip includes 9 layout images an icon. The layout is fluid, and should work in most browsers.

Working Preview

Zip File

CSS you need to copy



If you have any issues with the layout, please let me know.

Jan. 2nd, 2008


[info]lilbreck

Journal Layout: Butterfly in a Storm

Contents: Full Journal Layout
Subject: General; butterfly
Layout Style: S2 Bloggish
Status: As Is
Credit: Please credit either in user info, or in sidebars if you have that capability.
Comments: This layout can be used for any layout type of Bloggish, with slight alterations. Zip includes header, background image, friends only banner, and icon. There has to be an alteration to the css file if you use IE.

Working Preview

Zip File

CSS you need to copy

Alterations for IE )

Alterations for different column layouts )

If you have any issues with the layout, please let me know.

Aug. 16th, 2007


[info]lilbreck

[opal] [sidebar] Re-ordering sidebar and adding extra boxes

First, the code you're going to have to put in your theme layer: {new stuff in red}

function Page::lay_print_sidebar () {
$this->lay_print_summary();
var string text = """<div class="columnitem">STUFF YOU WANT IN YOUR NEW BOX </div>""";
print_box("TITLE OF NEW BOX ", $text);

$this->print_linklist();
$this->lay_print_freetext();
$this->lay_print_calendar();
}

Of course, you can put these in any order you want. For example:

function Page::lay_print_sidebar () {
var string text = """<div class="columnitem">STUFF YOU WANT IN YOUR NEW BOX </div>""";
print_box("TITLE OF NEW BOX ", $text);
$this->lay_print_freetext();
$this->print_linklist();
$this->lay_print_freetext();
$this->lay_print_summary();
$this->lay_print_calendar();
}

Aug. 15th, 2007


[info]lilbreck

Opal Overrides

Just a couple of overrides I find helpful for Opal:

Removing background color from friend's usernames )

Adding CSS )

I'll be working out how to add extra boxes and taglists soon.

Aug. 12th, 2007


[info]lilbreck

Nebula Layout Source

Contents: Nebula Layout Source
Subject: Layout Source
Status: Copy/Paste As Is
Credit: Not needed, though feel free to point people back here!
Comments: I've never actually used this layout style. If there are any issues, please let me know and I'll try and work it out.

First, you must go to your layers. Under Create Layer, choose create top-level layer > type: Layout, then click on create.

You'll see your new layout layer under where it say 'Child of layer 1: LiveJournal S2 Core, v1'. Click edit and past in the coding I've provided.

Layout Layer

After you've pasted in the code, it the 'save and compile' button at the top, and that should be all. You'll now have Nebula to choose from in your customization wizard.

[info]lilbreck

How To: Adding Modules to Bloggish Sidebar

First, you'll need to know how to create a theme layer. This will be the code you'd put in there:

If you have a 2 column layout, you first put this code in: Sidebar order for 2 column )

If you have a 3 column layout, then you'd first put this code in: Sidebar order for 3 column )

After you have put one of those codes in, and gotten all your modules in the order you want them [and taken out any you don't want in there], you then put in this code: Wherein you decide how many extra modules you want and what goes in them. )

Aug. 10th, 2007


[info]lilbreck

Journal Layout: Creativity

Contents: Full journal layout
Layout Style: Bloggish
Subject: General; marbles
Status: As is
Credit: Either in user info, or in a side box if you have a paid account and can do that.
Comments: Created for S2bloggish, can be used with 3 column or 2 column [either side]. Works best in screens 800x600 and above. Should work in most, if not all browsers. Feel free to alter the code any way you need to {including replacing the graphics with your own}, just do not alter my graphics. Zip file contains CSS file, header, icon, and friends only banner. Remember to credit me for the icon.

working preview

zip file

Aug. 9th, 2007


[info]lilbreck

Journal Layout: Shadows Come

Contents: Full journal layout
Layout Style: Bloggish
Subject: Movie: Harry Potter and the Prisoner of Azkaban
Status: As is
Credit: Either in user info, or in a side box if you have a paid account and can do that.
Comments: Created for S2bloggish, two column sidebar on right. Works best in screens 800x600 and above. Should work in most, if not all browsers. There's a small glitch with Opera, but if you have the browser and want to use this layout, I can try and fix it. Feel free to alter the code any way you need to {including replacing the graphics with your own}, just do not alter my graphics. Zip file contains CSS file, header graphics and one non-exclusive icon. Remember to credit me for the icon.

Working Preview

Zip File

[info]lilbreck

Journal Layout: Bunny Love

Contents: Full Journal Layout
Layout Style: Bloggish
Subject: Stuffed Bunny Rabbit
Status: As Is
Credit: Credit in user info, or sidebar if you have the know-how and a paid account}
Comments: Created for S2 Bloggish 2 Column (Sidebar on Left) with CSS I did from scratch. Made for screen resolutions of 800x600 or greater. Feel free to alter the code any way you need to {including replacing the graphics with your own}, just do not alter my graphics. Zip file contains CSS file and 4 images, including a 'Bunnies Only' banner and an icon.

Preview and zip file )

[info]lilbreck

Journal Layout: Ducky Love

Contents: Full Journal Layout
Layout Style: Bloggish
Subject: Rubber Duckies
Status: As Is
Credit: Credit in user info {or in sidebar if you have a paid account and know how to make one for this style}
Comments: Created for S2 Bloggish 3 column with a CSS I did from scratch. Made for screen resolutions of 1024x768 or greater. Feel free to alter the code any way you need to, just leave the graphics alone unless you specifically ask me. Zip file contains CSS sheet and 7 images including a 'Rubber Duckies Only' banner and an icon.

Preview and zip file )

Jun. 5th, 2007


[info]lilbreck

Flexible Squares Layout Source

Contents: Flexible Squares Source Code
Exclusive: No
Subject: Layout Source
Status: Copy/Paste As Is
Credit: Not needed, though feel free to point people back here!
Comments: This is about my second favorite layout, so I felt the need to bring it over here.

how to create a layout layer )

Jun. 4th, 2007


[info]lilbreck

Journal Layout: My Love As Rare

Contents: Full Journal Layout
Exclusive: No
Subject: General / William Shakespeare - Sonnet #130
Layout Style: Dear Diary
Status: As Is
Credit: Credit [info]lilbreck in either the sidebar or your user info.
Comments: Zip file includes three layout images, an icon, and instructions.


Working Preview

CSS copy/paste.

Download the zip file.

Jun. 3rd, 2007


[info]lilbreck

Journal Layout: Tranquil Dreams

Contents: Full Journal Layout
Exclusive: No
Subject: Strips
Layout Style: Smooth Sailing
Status: As Is
Credit: Credit [info]lilbreck in either the sidebar or your user info.
Comments: Zip file includes two layout images, a friends only banner,an icon, and instructions.


Working Preview

Download the zip file.

[info]lilbreck

Smooth Sailing Layout Source *updated 8/10/07*

Contents: Smooth Sailing Source Code
Exclusive: No
Subject: Layout Source
Status: Copy/Paste As Is
Credit: Not needed, though feel free to point people back here!
Comments: OMG, totally went to LJ and snagged this. I might be addicted to the layout.

how to create a layout layer )

*I've added a link to Memories in the menu. If you wish to either delete, or change the link name for this, here's what you need to put in your theme layer:



It's this section that needs to be changed {or removed}:
"""<li><a href="$*SITEROOT/tools/memories.bml?user=$.journal.username">Memories</a></li>""";

Note, that you can also add in menu links if you want. Just make sure they follow this guidline:

"""<li><a href="LINK URL">LINK TEXT</a></li>""";

Tags

Powered by InsaneJournal