This is when it has a very long title

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	31

S2 Bloggish: Reds

location: Home

mood:

hot

INSTRUCTIONS FOR INSTALLATION ON INSANEJOURNAL

1. Go to "Customize Journal Style"
2. Under the "Look and Feel" Tab select "Bloggish" and "None" as the Theme. Save.
3. Under "Custom Options" select "Two Column Sidebar on Left".
4. Copy and past the code in the box below into the Custom stylesheet box.
5. Save

Hopefully it works!

NOTE: There is only one graphic for this layout. They are currently saved on my photobucket account, and while they will likely stay there for awhile, if you want to be certain I would suggest you copy the images and save them to your own photobucket (or whatever site you use) account. Then you just need to change the appropriate URL to point to wherever your have the images saved.

NOTE 2: This layout is set up to show no user image in the sidebar. If you change the coding to include it, it will throw out the sidebar settings. I'd suggest you don't do that unless you are familiar with coding.

* {margin: 0px; padding: 0px;}

body {
background: url(http://img.photobucket.com/albums/v87/ausmac/headers/deco4.jpg) top left no-repeat;
background-color: #b74c1e;
font-family: "palatino linotype", perpetua, georgia, "times new roman", serif; 
font-size: 65.5%;
text-align: center;
	}
	
a, a:link, a:visited, a:active {
color: #ffffff; 
font-weight: bold; 
text-decoration: none; 
outline: none;}

a:hover {
color: #f1df9f; 
text-decoration: underline;}

h1, h2, h3 {
font-weight: normal;}

small {
color: #C4B492; 
font-size: 11px;}

code {
font-size: 1.2em;}

/* --------------------------------- */
/* ---------- PAGE LAYOUT ---------- */
/* --------------------------------- */

#container {
position: relative; 
width: 100%; 
color: #000000;
background: transparent; 
font-size: 1.2em; 
text-align: left;}
	
.entry {
background: #cccccc;}

#pagebody {
margin:0px auto;
width: 100%; 
background: transparent; 
color: black; }

#pagebody-inner {}

/* sidebar */

#alpha {
width: 180px; 
float: right;}
     
#alpha-inner {
padding-right: 15px;}

/* main content */

#beta {
width: 775px; 
padding-left: 20px;
float: left;}
     
	
#beta-inner {
padding-left: 0px;}

/* ---------------------------- */
/* ---------- HEADER ---------- */
/* ---------------------------- */

#banner {
padding-top: 0px; 
width: 820px; 
margin: 0px auto; 
background:url() bottom center no-repeat;  
text-transform: uppercase;}
     
#banner-inner {
position: relative; 
width: 700px; 
height: 210px; 
margin-left: 30px; 
}

/* journal title */
h1#banner-header {
position: absolute; 
bottom: 45px; 
right: 25px; 
margin: 0px; 
font-size: 1.7em;}

/* journal subtitle */

h2#banner-description {
     position: absolute; 
     bottom: 15px; 
     right: 25px; 
     font-size: 1em;}

/* ----------------------------- */
/* ---------- CONTENT ---------- */
/* ----------------------------- */

.entry-content {
     position: static; 
     clear: both; padding: 2em;}

.entry-content li {
     margin: 0px 0px;}

.content-nav,
.skiplinks {
     text-align: right;}

.date-header,div.day h2 {
background: transparent;
color: #ffffff; font-weight: bold;
font-size: 1.2em; 
text-transform: lowercase;}

.entry-userpic, .comment-userpic {
     float: left!important; 
     display: inline !important; 
     margin: 0px 0px 5px 10px !important; 
     text-align: center;}
     
.entry-userpic img, .comment-userpic img {
border: 5px solid #ffffff!important;}

.entry-userpic span.ljuser img, .comment-userpic span.ljuser img {
     border: 0px !important;}

h3.entry-header {
margin-top: 0px; 
font-family: "palatino linotype", georgia, "times new roman", serif; 
font-size: 1.3em; 
padding-left: 20px;
padding-top: 0px;
text-align: center;
font-weight: bold;
text-decoration: underline;}

.entry-body {
     line-height: 1.5em;}

.metadata {
     margin: 10px 0px;text-align: right; 
     padding: 0px 0px 20px 0px; 
     border-bottom: 1px solid #ffffff; 
     line-height: 1.2em;}

.metadata div {
     display: inline; 
     padding-right: 15px;}

.ljtags {
     padding: 10px 0px 0px 0px; 
     border-top: 1px solid #DED4BE; 
     line-height: 1.2em; 
     font-weight: bold; 
     text-transform: lowercase;}

.ljtags a {
     color: #97252F; 
     border: 0px; 
     text-decoration: none;}
     
.ljtags a:hover {
     color: #644F3E;}

.entry-footer a, 
.entry-footer a:link,
.entry-footer a:visited,
.entry-footer a:active {
color: #ffffff; 
text-decoration: none;}

.entry-footer a:hover {
     color: #f1df9f;}

.post-footers {
     display: block; 
     margin: 3px 0px 0px 0px; }

p.entry-footer {
padding: 10px 20px; 
border-top: 1px solid #ffffff; 
     border-bottom: 1px solid #ffffff; 
     background: #cccccc; 
     text-transform: lowercase; 
     line-height: 1.5em;}

.separator {}

.entry,
.comments,
.archive {
     position: static; 
     overflow: hidden; 
     margin-bottom: 1em;}

.entry-content,
.comment-content,
.comments-open-content,
.comments-closed { 
     margin: 0px;}

.entry-footer,
.archive-content { 
     margin: 5px 0px 15px 0px;}

ul.ljtaglist a, dl a {
     text-decoration: none;}
     
ul.ljtaglist a:hover, dl a:hover {
     color: #97252F;}
     
ul.ljtaglist {
     margin: 0px; 
     padding: 0px 0px 20px 30px; 
     list-style-type: none;}
     
ul.ljtaglist li {
     margin: 0px;}

/* ----------------------------- */
/* ---------- MODULES ---------- */
/* ----------------------------- */

.module {
text-align: right;
padding: 0 0 2em 0;}

.module-header {
padding: 5px 10px;
color: #f1df9f; 
font-size: 1.4em; 
text-align: right;
text-decoration: underline;
text-transform: lowercase;}

.module-content {
margin: 0px !important; 
padding: 0px 10px 0px 10px;}

.module-content a {
color: #ffffff;}
     
.module-content a:hover {
color: #f1df9f;}

.module-list {
margin: 0px; 
padding: 0px; 
list-style-type: none;}
     
.module-list-item {
margin: 0px; 
padding: 3px 0px 3px 15px; 
background:}

/* --- default userpic --- */

.module-photo  {
     display: none;}

/* --- default LJ links --- */

.module-viewlinks {
     margin-top: -190px; margin-bottom: 50px;
padding-top: 10px;
     font-size: 1.1em; 
border: 1px dashed orange;
     text-transform: lowercase;}

/* --- link list --- */

.module-typelist {}

/* --- tags --- */

.module-categories .module-content {max-height: 200px;
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
		}

/* --- page summary --- */
.module-pagesummary {}

/* --- sidebar calendar --- */
.module-calendar .module-content table {
border-collapse: collapse; width: 100%;}

.module-calendar .module-content th, .module-calendar .module-content td {
width: 14%; padding: 3px 0px; text-align: center;}

.module-calendar .module-content a {
padding: 3px 0px; background: #000000; color: #ffffff; display: block; width: 90%; border: 1px solid #9E9062;}

.module-calendar .module-content a:hover {}

/* --- powered by box --- */

.module-powered {display: none;}

/* ------------------------------ */
/* ---------- CALENDAR ---------- */
/* ------------------------------ */

.module-mmt-calendar { margin-bottom: 15px; }
.module-mmt-calendar .module-content { margin: 0; }
.module-mmt-calendar .module-header { margin: 0; }
.module-mmt-calendar .module-header a { text-decoration: none; }
.module-mmt-calendar table { width: 100%; }
.module-mmt-calendar th { text-align: left; }
.module-mmt-calendar td {width: 14%; height: 75px; text-align: left; vertical-align: top;}

Tags: layouts, testing, testing again

ausmac

Instructions for use on Live Journal

For use on LiveJournal.

1. Go to "Customize Journal Style"
2. If your journal is not currently set to Bloggish, click on "select a different theme" and in the Search box type bloggish, then hit "search". Go through all the options for Bloggish until you find "Unstyled" and select that, then save.
3. Go to "Customize Selected Theme" at the bottom and click.
4. Click on "Custom CSS" on the left.
5. In the big "Custom stylesheet" box copy and paste the code in the scrolled text box at the bottom of this post into the Custom stylesheet box.
6. Save

Hopefully it works!

NOTE: There are 3 graphic images for this layout. They are currently saved on my photobucket account, and while they will likely stay there for awhile, if you want to be certain I would suggest you copy the images and save them to your own photobucket (or whatever site you use) account. Then you just need to change the appropriate URL to point to wherever your have the images saved.

The images are the graduated background, the header image and the image used as background for the sidebar headers.

NOTE 2: This layout is set up to show no user image in the sidebar. If you want your user image to show, go to the code below and delete it:

.module-photo{
display:none;
}

make sure you delete ONLY this, nothing else

body {
background-color: #ffffff;
background-image:url(http://img.photobucket.com/albums/v87/ausmac/heads1.jpg);
background-repeat: repeat-x;
margin-top:0;
overflow-x:hidden;}

#banner{
background: url(http://img.photobucket.com/albums/v87/ausmac/head1.jpg) no-repeat top center;
height:100px;
}
#banner-header, #banner-description{
display:none;
}

#container{
position: center;
margin: 0 !important!; 
width:950px;
background:  url() repeat-x top left;
}

#pagebody-inner{
padding:10px !important;
width:auto;
}

#pagebody{
width:818px;
margin:0px auto !important;
margin-top:-30px !important;
background: transparent; 
background-image: url() repeat-x top left;
}

h2.date-header {
background: #89bbbf; 
padding: 15px 0 15px 0;
text-align: center;
font-size: 14px;
margin: 0;
}

.entry {
background: transparent;
background-image:url(http://img.photobucket.com/albums/v87/ausmac/smallgraduatedback.jpg);
background-repeat: repeat-x;
overflow-x:hidden;
}

#alpha{
width:600px;
border: #cfe3e5 4px double;
}
#beta{
width:180px;
border: #cfe3e5 4px double;
background-image:url();
background-repeat: repeat-x;
margin-top:0px;
overflow-x:hidden;}
}
#alpha-inner{
margin-left:0px !important;
background:transparent;
padding:15px !important;

}

#beta-inner{
width: 180px;
background:  #ffffff url()top center no-repeat;
border:0px solid;
padding: 15px 15px 0 0;
}
.module-photo{
display:none;
}

body, font, div{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:12px;
line-height:1.2em;
}

.module a{
color: #559195;
}
.module a:hover{
color:#000;
}
.module li a{
font-weight:bold;
}

.module{
margin-bottom:5px !important;
padding-bottom:5px !important;
border-bottom:0px solid #e2dec8;
}

.module li, .extralink{
background: url() no-repeat 0 .5em;
padding-left:13px !important;
line-height:1.2em;
}

.module-typelist{
display:none;
}

.module-header {
margin-left: 26px;
display:block;
background: url(http://img.photobucket.com/albums/v87/ausmac/sback.jpg) no-repeat;
padding-top: 11px;
padding-bottom: 10px;
padding-left: 25px;
font-family: Arial, Helvetica, Sans-Serif;
text-transform: lowercase;
color: #9AA6AF;
font-size: 12px;
letter-spacing: 1px;
}

.entry-footer{
border-bottom:5px solid #ccc;
margin-bottom:15px !important;
padding-bottom:15px !important;
}

.entry-header{
background: #cfe3e5;
border:0px solid;
margin:1px 0 !important;
padding:10px !important;
}

#alpha a{
color:#57a396 !important;
}
#alpha a:visited{
color:#566566 !important;
}
#alpha a:hover{
color:#000 !important;
}
#alpha a:visited:hover{
color:#000 !important;
}

.entry-body{
margin:15px !important;
color:#47420A;
}

.entry-userpic{
padding:5px;
background:transparent;
border:0px solid;
margin-left:10px !important;
}

.module ul ul li{
background:none;
list-style-type:circle;
padding:0 !important;
margin-left:15px !important;
line-height:1.3em;
}

.comment-replies{
margin:10px !important;
}
.comment-content{
background:#fff;
padding:5px;
}
.comment-content .metadata{
background:#F1E900;
border:1px solid;
padding:3px;
}
.entry-footer a{
margin:0 2px !important;
padding:0 2px 2px 2px;
text-decoration:none;
white-space: nowrap;
}

.extralink{
display:block;
font-weight:bold;
}

html, body{
padding:0 !important;
}

PS: If by any chance it goes strange and puts the sidebar on the left, go back to "Change page set up" - down the bottom you can select sidebar left or right, etc. Put it to the opposite of what it is. I can't access the layouts here at work but I can when I get home, if this doesn't make sense.

Love to know how it works out!

Posted at 01:35 pm | Link | Leave a comment | Add to Memories | Tell a Friend

ausmac

testing again

mood:

creative

music: the rain on the roof

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi lacus felis, euismod at, pulvinar sit amet, dapibus eu, eros. Etiam tellus. Nam vestibulum porttitor urna. Phasellus aliquet pretium quam. Proin pharetra, wisi nec tristique accumsan, magna sapien pulvinar purus, vel hendrerit ipsum tellus at ante.

Morbi lacus felis, euismod at, pulvinar sit amet, dapibus eu, eros. Etiam tellus. Nam vestibulum porttitor urna. Phasellus aliquet pretium quam. Proin pharetra, wisi nec tristique accumsan, magna sapien pulvinar purus, vel hendrerit ipsum tellus at ante.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi lacus felis, euismod at, pulvinar sit amet, dapibus eu, eros. Etiam tellus. Nam vestibulum porttitor urna. Phasellus aliquet pretium quam. Proin pharetra, wisi nec tristique accumsan, magna sapien pulvinar purus, vel hendrerit ipsum tellus at ante.

Morbi lacus felis, euismod at, pulvinar sit amet, dapibus eu, eros. Etiam tellus. Nam vestibulum porttitor urna. Phasellus aliquet pretium quam. Proin pharetra, wisi nec tristique accumsan, magna sapien pulvinar purus, vel hendrerit ipsum tellus at ante.

ausmac

test test

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi lacus felis, euismod at, pulvinar sit amet, dapibus eu, eros. Etiam tellus. Nam vestibulum porttitor urna. Phasellus aliquet pretium quam. Proin pharetra, wisi nec tristique accumsan, magna sapien pulvinar purus, vel hendrerit ipsum tellus at ante.

Morbi lacus felis, euismod at, pulvinar sit amet, dapibus eu, eros. Etiam tellus. Nam vestibulum porttitor urna. Phasellus aliquet pretium quam. Proin pharetra, wisi nec tristique accumsan, magna sapien pulvinar purus, vel hendrerit ipsum tellus at ante.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi lacus felis, euismod at, pulvinar sit amet, dapibus eu, eros. Etiam tellus. Nam vestibulum porttitor urna. Phasellus aliquet pretium quam. Proin pharetra, wisi nec tristique accumsan, magna sapien pulvinar purus, vel hendrerit ipsum tellus at ante.

Morbi lacus felis, euismod at, pulvinar sit amet, dapibus eu, eros. Etiam tellus. Nam vestibulum porttitor urna. Phasellus aliquet pretium quam. Proin pharetra, wisi nec tristique accumsan, magna sapien pulvinar purus, vel hendrerit ipsum tellus at ante.

Tags: another test, layout, test

Posted at 07:17 pm | Link | Leave a comment | Add to Memories | Tell a Friend

ausmac

test test

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi lacus felis, euismod at, pulvinar sit amet, dapibus eu, eros. Etiam tellus. Nam vestibulum porttitor urna. Phasellus aliquet pretium quam. Proin pharetra, wisi nec tristique accumsan, magna sapien pulvinar purus, vel hendrerit ipsum tellus at ante.

Morbi lacus felis, euismod at, pulvinar sit amet, dapibus eu, eros. Etiam tellus. Nam vestibulum porttitor urna. Phasellus aliquet pretium quam. Proin pharetra, wisi nec tristique accumsan, magna sapien pulvinar purus, vel hendrerit ipsum tellus at ante.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi lacus felis, euismod at, pulvinar sit amet, dapibus eu, eros. Etiam tellus. Nam vestibulum porttitor urna. Phasellus aliquet pretium quam. Proin pharetra, wisi nec tristique accumsan, magna sapien pulvinar purus, vel hendrerit ipsum tellus at ante.

Morbi lacus felis, euismod at, pulvinar sit amet, dapibus eu, eros. Etiam tellus. Nam vestibulum porttitor urna. Phasellus aliquet pretium quam. Proin pharetra, wisi nec tristique accumsan, magna sapien pulvinar purus, vel hendrerit ipsum tellus at ante.

This is when it has a very long title

except when it isn't...

December 2008

Tags

Page Summary

Syndicate

Dec. 27th, 2008

S2 Bloggish: Reds

Oct. 15th, 2008

Instructions for use on Live Journal

Oct. 13th, 2008

testing again

Sep. 28th, 2008

test test

test test