nameless_layout

Layout: S2 Bloggish - Desktop

Style: S2 Bloggish (works on Insane Journal, JournalFen and Livejournal!)
Best view: 1024px and 1280px wide and above
Browsers Tested On: Latest versions of IE, Opera and Firefox
Custom Comment Pages: Yes
Navbar: No

No idea if ANYONE would want to use this - but I always wanted to design a desktop!layout so here it is.

Layout : Desktop

Preview:With Images // Wood Image Only

Features

Insane Journal, JournalFen and LiveJournal compatible
Two Column Design -sidebar on left
Usernames above entry titles for easy reading
Entries centered
Custom comment pages included
Images for the Linkbar included! (Reply/Edit/Track etc.)
Tags in scrollbox
With or without background images!

Instructions & Credits!

Tags: account type: free, layout: journal: full, s2: bloggish, subject: general, user: gossymer

Dec. 1st, 2008

Layout: S2 Bloggish - Stripes

Style: S2 Bloggish (works on Insane Journal, JournalFen and Livejournal!)
Best view: 800px wide and above
Browsers Tested On: Latest versions of IE, Opera and Firefox
Custom Comment Pages: Yes
Navbar: Yes

Layout : Stripes

Live Preview

Features

Insane Journal, JournalFen and LiveJournal compatible
Two Column Design -sidebar on left
Usernames above entry titles for easy reading
Will work on free layouts
Custom comment pages included
Images for the Linkbar included! (Reply/Edit/Track etc.)
Tags in scrollbox
With or without navstrip
You can also add a header or change the link colors and entry title colors :)

( Instructions for Insane Journal )

( Instructions for Live Journal & JournalFen )

( Credits )

( Customization Instructions )

Tags: account type: free, layout: journal: full, s2: bloggish, subject: general, user: gossymer

Sep. 13th, 2008

S2 Bloggish: Autumn Leaves

Contents: Autumn Leaves
Subject: plant
Layout Style: Bloggish
Status: full layout
Credit: Please credit me on your user info page
Comments: Works well on all browsers to my knowledge

Note #1: this layout works best on 1024/768 resolution. High resolutions may make it look strange.
Note #2: Use only one journal title, not a subtitle.

Thumbnail image:

Currently working journal: http://asylums.insanejournal.com/mylayouts3/

Instructions

1. Go to Customize Journal and if not already set up to be S2, choose S2 and save.
2. If you are not currently using Bloggish, click on the "Look and Feel" tab and select Bloggish in the drop down list. Set the Theme to None. Save.
3. Click on the Custom Options tab, make sure it set to "two column sidebar on left" and copy and paste the code below into the CSS box. Save.

/*BASIC PAGE LAYOUT AND OTHER ITEMS LIKE TEXT*/

body {
background-color: white;
color: #666;
font-family: trebuchet ms, sans-serif;
font-size: 13px;
line-height: 18px;
background-image: url(http://img.photobucket.com/albums/v87/ausmac/leaves4.jpg);
background-repeat: repeat-y;
background-position: left;
background-attachment: fixed;
}

#banner-header {
background: #e7c98f;
background-image: url(http://img.photobucket.com/albums/v87/ausmac/leafback2.jpg);
color: #ffffff;
text-align: right;
font-family: trebuchet ms, sans-serif;
padding: 10px 10px 10px 10px;
}

#banner-description {
display: none;
}

h1, h2, h3 {
font-family: Arial, Georgia, Times, serif;
}

a:hover {
color: purple;
text-transform: uppercase;
}

a {
text-decoration: none;
border-bottom: dotted 1px;
font-weight: bold;
color: #c1953f;
}

.entry-userpic{
padding-right:5px;
float:left !important;
margin-left:0!important;
}
/*CONTAINER*/

#container {
width: 900px;
text-align: left;
font-weight: bold;
background: transparent;
}

#container-inner {
width: auto;
margin-left: -50px;
}

/*BANNERS*/

#banner {
height: 55px;
background-image: url();
background-repeat: no-repeat;
background-position: 50% 10%; 
}

#banner h1 {
font-size 30px;
margin-bottom: -2px;
}

#banner h2 {
font-size: 12px;
margin-top: 0;
padding-left: 0px;
margin-right: 500px;
border-top: solid 3px #1a7588;

}
#banner-inner {
background-image: url();
background-repeat: no-repeat;
background-position: right top;
height: 90px;
}

/*ALPHA AND BETA DETAILS*/

#beta {
background-color: #ffffff;
filter:alpha(opacity=80); -moz-opacity:0.9; opacity:0.9;
width: 500px;
margin-left: 200px;
text-align: left;
padding-left: 20px;
padding-top: 25px;
padding-bottom: 10px;
}

#beta-inner {
margin-right: 0px;
}

#alpha {
background-image: url();
color: transparent;
background-repeat: no-repeat;
background-position: 72px 0;
padding-top: 10px;
padding-bottom: 20px;
float: right;
width: 150px;
margin-right: -20px;
}

/*ENTRY INFO*/

.entry-header {
font-size: 14px;
margin-top: 10px;
font-weight: bold;
color: #c1953f;
text-decoration: underline;
}

.date-header {
padding: 0px 0px 0px 00px;
font-size:  16px;
color: #d19887;
font-weight: bold;
}

.entry {
border-top: solid 1px #000000; }

.entry-content {
padding-bottom: 20px; 
margin-bottom: 5px;
}

.entry-footer {
padding: 20px 0px 20px 10px;

font-size: 12px;
text-transform: lowercase;
margin-left: -10px;
}

/*SIDEBAR*/

.module-list-item {
list-style:none;}

.module-list {
padding:0;
margin:0;}

.module-content {
font-family:'trebuchet ms', sans-serif;
font-size:8pt;
line-height:20px;
padding-bottom:20px;}

.module-header {
font-size:12pt;
border-bottom:2px solid #fff;
margin-bottom:10px;
color:#404040;
text-transform:lowercase;
font-family:'trebuchet ms', sans-serif;
font-weight:bold;
letter-spacing:2px;}

.module-content td {
padding:3px;
text-align:center;}

.module-content td a {
border-bottom:5px solid #fff;}

<\textarea>

Although the graphics are likely to stay on my Photobucket for some time, life has a habit of changing unpredictably, so I suggest you grab them and put them onto your own site.

Tags: s2: bloggish, subject: flora, user: ausmac

Sep. 6th, 2008

Bloggish: The Professionals

Contents: The Professionals in Brown
Subject: tv show
Layout Style: Bloggish
Status: as is, with your own header
Credit: Please credit me on your user info page
Comments: Works well on all browsers to my knowledge

Thumbnail image:

Currently working journal: http://asylums.insanejournal.com/mylayouts/

There is a blank header graphic HERE which you can snag and adjust for your own journal.

Instructions

1. Go to Customize Journal.
2. If you are not currently using Bloggish, click on the "Look and Feel" tab and select Bloggish in the drop down list. Set the Theme to None. Save.
3. Click on the Custom Options tab and copy and paste the code below into the CSS box. Save.

body {
font-family: comic sans ms, sans-serif, verdana;
color: #000000;
margin-top: 290px;
padding: 0px 0px 10px 0px;
background: #b5a395 url(http://img.photobucket.com/albums/v87/ausmac/proffshead4.jpg);
background-repeat: no-repeat;
background-position:  130px 10px;

}
.module-header {
text-align: right; 
color: #edebe7;
text-decoration: underline;
font-size: 14px;
font-weight: bold;
}

a { color: #edebe7; }
a:visited { color: #767064; }
a:hover { color: #ffffff; }

#banner-header {
display: none;
}

#banner-description {
display: none;
}

h1, h2, h3, h4, h5, h6 {
font-family: Comic Sans MS, helvetica, arial, sans-serif;
}

/* page layout */

#container { 
width: 850px;
border-left: 0px solid #250D03;
border-right: 5px solid #250D03;
border-top: 0px solid #250D03;
border-bottom: 1px solid #230D03;
background: #b5a395  url() 0 25em repeat-x;
font-size: 14px;
}

#container-inner { 
margin: 0 0; 
}

#banner {
width: 700px;
height: 10px;
margin: 0 0 15px 0px;
background: transparent url();
background-position: top right;
background-repeat: no-repeat;
border-bottom: 0px solid #250D03;
}

#banner-inner {  
}

#alpha, #beta, #gamma, #delta {
float: left;
margin: 0 0 0 45px;
background-color: transparent;
border: 0px; 
}

#alpha-inner, #beta-inner, #gamma-inner, #delta-inner {
padding: 0px 0 15px 0;
background: none; 
}

#beta-inner { 
background: none; 
}
.date-header, .day h2 {
margin: 0;
height: 40px;
border-top: 0px;
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
padding: 20px 15px 5px 12px;
color: #52170F;
background: transparent url(http://img.photobucket.com/albums/v87/ausmac/Image5.gif) 0 0.9em no-repeat;
font-size: 14px;
text-transform: uppercase;
}

.entry-header {
margin: 5px 0px;
padding-left: 5px; padding-bottom: 10px;
color: #52170F;
font-size: 14px;
font-weight: bold;
background-color: transparent;
border-bottom: 1px solid #52170F;
}

.entry-more-link,
.entry-footer,
.comment-footer,
.trackback-footer,
.typelist-thumbnailed {
font-size: 12px;
}

.entry-userpic {
padding: 0 0 10px 15px; }

.entry-footer a { font-weight: bold;}

.entry-content { 
margin: 5px; 
text-align: justify;padding-bottom: 10px;
}

.entry-more-link { 
font-weight: bold; 
}

.entry-footer {
margin: 10px 0px 20px 0px;
padding: 0;
padding-bottom: 10px;
font-weight: normal;
text-align: left;

border-bottom: 1px dashed #ffffff;

}

.content-nav { 
margin: 0; 
padding: 10px 15px; 
}

/* modules */

.module-content a { 
color: #ffffff; 
text-decoration: none;
}

.module-content a:visited { 
color: #917163; }

.module-content a:hover { 
color: #ffffff;
font-weight: bold; }

.module { 
color: #000000; 
border:0px solid #736148;
margin-bottom: 10px;
text-align: right;

}

.module-header a,
.trackbacks-header a,
.comments-header a,
.comments-open-header a,
.archive-header a {
color: #fff;
text-decoration: underline;
}

.module-header,
.trackbacks-header,
.comments-open-header,
.archive-header {

/* ie win (5, 5.5, 6) bugfix */
p\osition: relative; 
width: 100%;
w\idth: auto;}

.module-header a:visited,
.trackbacks-header a:visited,
.comments-header a:visited,
.comments-open-header a:visited,
.archive-header a:visited {
color: #fff;
}

.module-header a:hover,
.trackbacks-header a:hover,
.comments-header a:hover,
.comments-open-header a:hover,
.archive-header a:hover {
color: #fff;
}

.module-calendar .module-content { 
margin: 5px 0px 15px 10px; 
}

.module-mmt-calendar .module-content table,
.module-calendar .module-content table { 
font-size: 11px;
width: 96%; 
}

.module-viewlinks {
line-height: 95%;}

.module-categories {
line-height: 95%;
}

.module-categories a{
color: #000000; }

.module-powered { 
margin: 0; 
padding: 0; 
display: none;
}

.module-syndicate {
display: none;}

.module-powered .module-content {
margin: 15px;
padding: 10px;
border: 1px solid #250D03;
background: none;
background-color: #D2C6B7;
}

.module-photo { 
border: 0; 
background: none; 
}

.module-photo .module-content { 
margin: 10px; 
}

.module-photo img { 
border: 0; 
}

.module-list-item,
.archive-list-item {
padding: 1px 0 1px 14px;
background: url() 0 0.2em no-repeat;
}

/* calendar tweaks */
	
.module-mmt-calendar { 
width: 445px; 
margin: 0; 
}
		
.module-mmt-calendar .module-header,
.layout-timeline .module-recent-photos .module-header {
margin: 0;
border-top: 0;
border-bottom: 0px;
padding: 5px 15px;
color: #52170F;
background: none;
font-size: 11px;
font-weight: bold;
text-align: right;
}
	
.module-mmt-calendar .module-content { 
margin: 15px; 
}
	
.module-mmt-calendar table {
width: 415px;
background-color: transparent;
}
		
.module-mmt-calendar th {
border-top: 0px;
border-right: 1px solid #52170F;
border-bottom: 0px;
padding: 2px;
text-align: right;
font-weight: bold;
}
	
.module-mmt-calendar td {
border-top: 0px;
border-right: 1px solid #52170F;
border-bottom: 0px;
padding: 2px;
text-align: right;
font-weight: normal;
background: none;
background-color: #fff;
}

th.weekday-7, td.day-7, td.day-14, td.day-21, td.day-28, td.day-35, td.day-42 {
border-right: none;
}
	
.day-photo a {
border: #52170F 1px solid;
padding: 1px;
background-color: transparent;
}
	
.day-photo a:hover {
border-color: #52170F;
background-color: transparent;
}

/* one-column tweaks */

body.layout-one-column { 
background: #B8A88F url() repeat;
}
	
.layout-one-column #container { 
width: 780px; 
}

.layout-one-column #banner { 
width: 780px; 
}

.layout-one-column #alpha {
background: none;
background-color: transparent;
width: 750px;
}
	
.layout-one-column #alpha-inner { 
background: none;
}

/* two-column-left tweaks */

.layout-two-column-left #alpha { 
width: 205px;
background: none; 
}

.layout-two-column-left #beta { 
width: 540px; 
background: none;
}

/* two-column-right tweaks */

.layout-two-column-right #alpha {
width: 540px;
background: none;
}
	
.layout-two-column-right #alpha-inner { 
background: none;
}
	
.layout-two-column-right #beta {
width: 205px;
background: none;
}
	
.layout-two-column-right #beta-inner { 
background: none;
}

/* three-column tweaks */
	
.layout-three-column #alpha { 
width: 195px; 
background: none; 
}

.layout-three-column #beta { 
width: 343px; 
}

.layout-three-column #gamma { 
width: 195px; 
background: none; 
}

<\textarea>

Although the graphics are likely to stay on my Photobucket for some time, life has a habit of changing unpredictably, so I suggest you grab them and put them onto your own site.

Also, I provide a blank header graphic so you can adapt it to your own journal.

http://img.photobucket.com/albums/v87/ausmac/blankproffsheader.jpg

Tags: layout: journal: full, s2: bloggish, subject: general, user: ausmac

Posted at 09:28 am | Link | Leave a comment | Add to Memories | Tell a Friend

Jun. 9th, 2008

Bloggish: A Unicorn in Green

Layout Style: S2 Bloggish
Best view: 1024 x 768
Browser(s) Compatible: IE, Firefox, that I know of
Credit: Would be nice

Images: I ask that you copy the images and save them to your own archive, then change the urls in the code to yours. I will remove my copies from Photobucket shortly.

Instructions:

1 Go to "Customize Journal"
2 Set your style to S2, Bloggish , set the "Themes" to "None", and Save.
3 Under "Custom Options" make sure that you have the following item chosen:
Layout Type - Two Column (Sidebar on Right)
Leave everything else as it is, although you can change the descriptions for your comment area. Save when finished.
4 Select and copy the code in the code box below.
5 Go into 'Custom Options" and to "Custom CSS" and paste the CSS code in the box called "Custom style sheet".

Note: The layout is set up not to show your own journal's icon. If you wish it to display, go into the CSS and delete the following (being careful not to delete anything else):

.module-photo{
display:none;
}

Would love to see it working on your journal, so please comment.

Working preview:

http://asylums.insanejournal.com/mylayouts/

Sample Image:

body {
background: #87ac8a;
color: #555555;
font-family:trebuchet ms, sans-serif;
font-size: 12px;
margin: 0px 0px;
text-align: justify;
          }
h1, h2, h3, h4, h5, h6{
margin:0;
padding:0;
}

a, a:visited{
color:#000000;
text-decoration:none;
}

a:hover{
color:#ffffff;
}

#banner-header {
display: none;
}

#banner-description {
display: none;
}

#alpha{
float:left;
width:75%;
}
#alpha-inner, #beta-inner{
margin: 50px;
}
#beta{
float:right;
width:25%;
}

#container{
background:#87ac8a;
width:  800px;
margin:10px auto;
border:0px solid black;
}

#container-inner{
margin:0px;
background:#87ac8a;
padding: 0px 0px 0px 0px;
border:0px solid black;
}

#banner{
border-top:0px solid black;
border-bottom:0px solid black;
background:url(http://img.photobucket.com/albums/v87/ausmac/unicornheader.jpg);
background-position: top center repeat no-repeat;
height: 280px;
}
 
#banner-inner{
padding:20px;
padding-left:200px;
}

#banner-header{
font-family:georgia, serif;
font-variant:small-caps;
font-size:30px;
letter-spacing:5px;
}

#banner-description{
text-transform:uppercase;
font-family:georgia, serif;
font-size:12px;
letter-spacing:3px;
}

#pagebody{
margin-top:10px;
}

#pagebody-inner {
margin-left: 10px; margin-right: -50px;
padding: 0px 0px 0px 0px;
}

#pagebody-inner .pkg{
background:;
}

.content-nav{
text-align:left;
margin:0;
padding:10px 0;
}

h2.date-header{
font-size:14px;
padding-bottom: 5px;
text-align: right;
text-transform: bold;
}

.entry{
background: #ffffff;
background-image: url('http://img.photobucket.com/albums/v87/ausmac/fadinggreen.jpg');
background-repeat: no-repeat;
padding: 0px 20px 0px 20px;
}

h3.entry-header{
background: #87ac8a;
color: white;
font-size:14px;
font-weight:bold;
letter-spacing:1px;
width: 950%;
padding: 0px;
}

.entry-userpic{
padding-right:5px;
float:right!important;
margin-left:0!important;
padding-top: -10px;
}

p.poster {
font-size:10px;
}

.entry-content{
text-decoration:none;
}

.entry-body{
text-decoration:none;
margin-bottom:10px;
}

.ljtags{
background: url(tag.jpg) no-repeat left;
padding-left:18px;
font-weight:bold;
font-size:11px;
}

.entry-footer{
padding-top: 10px;
border-top:1px solid #87ac8a;
margin:0;
font-weight:bold;
font-size:11px;

}

.separator{
visibility:hidden;
}

/*SIDEBAR*/

.module{
width: 145px;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;

}

.module-photo{
display:none;
}
.module-calendar table{
width:100%;
}
.module-typelist{
}

.module-categories{
}

.module-pagesummary{
}

.module-syndicate, 
.module-powered, 
{
display: none;
	}

.module-header{
font-size:14px;
text-transform:uppercase;
border-bottom:1px solid #000;
}

.module-content{
padding:0;
margin:0;
}

ul.module-list{
margin:0;
}
li.module-list-item{
background: url(arrow.png) no-repeat 0px .4em;;
padding-left:15px;
}

li.module-list-item a{
}

.comments{
}

.comments-content{
}

h3.comments-header{
background:#DEEFC2;
border:1px solid black;
padding:5px;
font-size:16px;
font-family:georgia, sans-serif;
margin:10px 0;
}

h3.comment-header{
background:#DEEFC2;
}

.comment-userpic{
border:1px solid black;
background:#DEEFC2;
text-align:center !important;
}

.comment-content{
}

.comment-footer{
border-bottom:1px solid black;
background: url(comment.png) no-repeat 0px 3px;;
padding-left:18px;
}

.comment-replies{
background:#F9FFEF;
}

ul.ljtaglist{
margin:0;
padding:0;
list-style-type:none;
}

.ljtaglist li{
background: url(arrow.png) no-repeat 0px .4em;;
padding-left:15px;
}

Tags: account type: free, layout: journal: full, s2: bloggish, subject: animal, user: ausmac

May. 21st, 2008

Instructions, Codes & Credits

Layout: S2 Bloggish - Celebration

Style: S2 Bloggish (works on Insane Journal, JournalFen and Livejournal!)
Best view: minimum of 1024px wide
Browsers Tested On: Latest versions of IE, Opera and Firefox only
Custom Comment Pages: Yes
Navbar: Yes

Layout : Celebration

Live Preview @ LiveJournal or InsaneJournal!
Live Preview with fixed sideheader: hd_holidays

Features

Insane Journal, JournalFen and Live Journal compatible
Perfectly centralized entries
Three Column Design
Usernames above entry titles for easy reading
Will work on free layouts
Custom comment pages included
Images for the Linkbar included! (Reply/Edit/Track etc.)
Tags in scrollbox
With or without navstrip
You can also add a sideheader or change the link colors and entry title colors :)

Tags: account type: free, layout: journal: full, s2: bloggish, subject: general, user: gossymer

May. 9th, 2008

Instructions, Codes & Credits

Layout: S2 Bloggish - Light FX

Style: S2 Bloggish (Insane Journal, JournalFen and Livejournal!)
Best view: 800x600 and up
Browsers Tested On: Latest versions of IE, Opera and Firefox only
Custom Comment Pages: Yes
Navbar: No

Layout : Light FX

Live Preview @

gossymer or LiveJournal!

Since IJ doesn't have Expressive, the next best option is Bloggish :)

Features

Insane Journal, JournalFen and Live Journal compatible
Perfectly centralized entries
Horizontal Menu
Usernames above entry titles for easy reading
Will work on free layouts
Custom comment pages included!
Images for the Linkbar included! (Reply/Edit/Track etc.)
You can also change the header, link colors and entry title colors :)

Tags: account type: free, layout: journal: full, s2: bloggish, subject: general, user: gossymer

Mar. 24th, 2008

S2 Bloggish Layout - Butterflies

Contents: Journal layout
Subject: Insect
Layout Style: Bloggish
Credit: a mention on your profile would be good
Comments: I use IE so not sure how it looks in other browsers

This is another relatively simple Bloggish layout, with a header on a black background. The layout has only one graphic, the header image. It is included in the zip file with the css sheet

Instructions:

1 Go to "Customize Journal"
2 Set your style to S2, Bloggish, set the "Themes" to "None", and Save
3 Go into 'Custom Options" and change the top selection (Layout Type) to "Two Column, Sidebar on Right", and Save.
4 Go to "Custom CSS" and paste in the style sheet.

Please save the graphic to your own site and change the URLs on the sheet, as I will be withdrawing it from my Photobucket archive shortly

Would love to see it working on your journal, so please comment

Currently active journal : http://asylums.insanejournal.com/mylayouts

Preview image HERE

Rar file is HERE

*crosses fingers this works*

Tags: account type: free, layout: journal: full, s2: bloggish, subject: animal, user: ausmac

Mar. 19th, 2008

stellastars

S2 Bloggish Camouflage-Insect Layout

Name: Camouflage-Insect
Layout Style: S2 Bloggish
Best view: 1024x768 and up
Browser(s) Compatible: Tested in IE7 and Firefox
Account Levels: All
Work with Nav bar?: Yes
Work with Ads?: Yes, Horizontal Placement only.
Credit:

stellastars or

stelladesigns in user info, please.
Preview: Click image for full-size preview or click links for live preview.

Live Previews:
Green Butterfly	Green Bee	Green Dragonfly	Green Spider
Peach Butterfly	Peach Bee	Peach Dragonfly	Peach Spider
Gray Butterfly	Gray Bee	Gray Dragonfly	Gray Spider

Notes:

Matching icons can be found here.

If you have any questions about the directions, please ask.

Insect Images are made with WMInsects on dafont.

Directions and Code available here.

Tags: account type: free, layout: journal: full, s2: bloggish, subject: animal, user: stellastars

Feb. 14th, 2008

stellastars

S2 Bloggish Bubblegum Layout

Name: Bubblegum
Layout Style: S2 Bloggish
Best view: 1024x768 and up
Browser(s) Compatible: Tested in IE7 and Firefox
Account Levels: All
Work with Nav bar?: Yes
Work with Ads?: Yes, Vertical Placement only.
Credit:

stellastars, in user info, please.
Preview: click to view full-size

Note: After the realism and linear qualities of my Corkboard Layout, I've gone in the completely opposite direction -- abstract, organic, and curvy -- for something different. Hope you like it!

( Directions for Insanejournal )

( Images and Code )

Tags: account type: free, layout: journal: full, s2: bloggish, subject: general, user: stellastars

Jan. 18th, 2008

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.

Tags: account type: free, layout: journal: full, s2: bloggish, subject: book, user: 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.

Tags: account type: free, layout: journal: full, s2: bloggish, subject: book, user: lilbreck

Jan. 2nd, 2008

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.

Tags: account type: free, layout: journal: full, s2: bloggish, subject: animal, user: lilbreck

Dec. 21st, 2007

stellastars

S2 Bloggish Cork Board Layout

Name: Cork Board
Layout Style: S2 Bloggish
Best view: 1024x768 and up
Browser(s) Compatible: Tested in IE7 and Firefox
Account Levels: All
Credit:

stellastars
Preview: (click to view full-size)

Note: This layout uses many images and may not be ideal for users on dial-up. If using for livejournal on a Plus account, set Ad Placement to Vertical.

( Directions for Insanejournal )

( Images and Code )

This is the first layout that I've made specifically to share. I'd be very, very grateful for any criticism, as I do so enjoy playing with this stuff and would like to do a better job of it. ♥

ETA 3/19/2008 -- The code for the Cork Board Layout has been revised to correct a design issue on the friends page.

Tags: account type: free, layout: journal: full, s2: bloggish, subject: general, user: stellastars

Aug. 17th, 2007

Layout: Blue (Bloggish)

Contents: Journal layout
Subject: Plant
Layout Style: Bloggish
Credit: a mention on your profile would be good
Comments: I use IE so not sure how it looks in other browsers

This is another relatively simple Bloggish layout, another pastel, this time pale blue. The layout has only one graphic, the left side image called 'back3'. It is included in the zip file with the css sheet

Instructions:

1 Go to "Customize Journal"
2 Set your style to S2, Bloggish, set the "Themes" to "None", and Save
3 Go into 'Custom Options" and change the top selection (Layout Type) to "Two Column, Sidebar on Right", and Save.
4 Go to "Custom CSS" and paste in the style sheet.

Please save the graphic to your own site and change the URLs on the sheet, as I will be withdrawing it from my Photobucket archive shortly

Would love to see it working on your journal, so please comment

Currently active journal : http://spare2.insanejournal.com/

Preview image HERE

Zip file HERE

Tags: account type: free, layout: journal: full, s2: bloggish, subject: general, user: ausmac

Aug. 16th, 2007

Bloggish layout: Pastel (green)

Contents: Journal layout
Subject: Pastel (green)
Layout Style: Bloggish
Credit: a mention on your profile would be good
Comments: I use IE so not sure hwo it looks in other browsers

This is a relatively simple straightforward Bloggish layout. Th code has options for other graphic inserts if you want to put them in and know how, otherwise it works quite nicely as it is.

The layout has only two graphics, the little dragon and the stars in the header. They are included in the zip file with the css sheet

Instructions:

1 Go to "Customize Journal"
2 Set your style to S2, Bloggish and Save
3 Go into 'Custom Options" and change the top selection (Layout Type) to "Two Column, Sidebar on Right", and Save.
4 Go to "Custom CSS" and paste in the style sheet.

Please save the two graphics to your own site and change the URLs on the sheet, as I will be withdrawing them from my Photobucket archive shortly

Would love to see it working on your journal, so please comment

Currently active journal HERE AT MY SPARE

Preview image HERE

Zip file HERE

Tags: account type: free, layout: journal: full, s2: bloggish, subject: animal, user: ausmac

Aug. 12th, 2007

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

Tags: account type: paid/permanent, how to: bloggish: sidebar, layout: journal: theme layers, s2: bloggish, user: lilbreck

Bloggish layout "There Be Dragons Here"

Journal layout: Bloggish
Credit: Not essential but a mention would be nice
Comments: This is my very first layout, which was a lot of fun to make. It's an S2, so you need to set your style to S2, Bloggish, with "none" selected under "Themes". Then go to "Custom Options" to "LayoutType" and select "Two column, Sidebar on left".

Cut and past the code in the CSS box.

Please host the images on your own site as they will eventually come off mine and the journal would look all blooey, just go into the CSS code and change the URL for your image source.

Preview HERE

Zip file HERE

It is best viewed on 1024 x 768, and may look odd under other settings. It should work with most browsers.

As it is my first layout, I may not have done everything right either for this post or for the layout, so please let me know.

Tags: account type: free, layout: journal: full, s2: bloggish, subject: animal, user: ausmac

Aug. 10th, 2007

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

Tags: account type: free, layout: journal: full, s2: bloggish, subject: general, user: lilbreck

Aug. 9th, 2007

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

Tags: account type: free, layout: journal: full, s2: bloggish, subject: movie, user: 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 )

Tags: account type: free, layout: journal: full, s2: bloggish, subject: animal, user: lilbreck