nameless_layout

S	M	T	W	T	F	S
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30

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

nameless_layout

for the creative, or the creatively lacking

Journal

September 2009

Other Communities

Browsers

Sep. 13th, 2008

S2 Bloggish: Autumn Leaves

Feb. 1st, 2008

Layout .01 - S2 Dear Diary : Baroque

Tags