Layouts for Insanejournal

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

cymbeline

Layout: Spooky

Instructions & Code

Tags: account: free, account: paid, account: permanment

Posted at 08:12 pm | Link | Leave a comment | Add to Memories | Tell a Friend

ex_dickens625

Static Preview
Live Example:

theladyunicorn &

abeautifulmind

The Code

/* S2 Bloggish Layout 
http://asylums.insanejournal.com/abeautifulmind + http://lace-and-cream.insanejournal.com */

body {background-image:url("http://i303.photobucket.com/albums/nn127/immortalaussie/Patterns/5006.gif");
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#FFFFFF;
}

a, a:visited, a:hover { 
color:#2E0854;
}

#container { 
width:800px;
margin: 0px auto;
padding:2px;
}

#container-inner {
width:700px;
}

#banner {
width:700px;
background-image:url("");
height:10px;
}

h1#banner-header { display:none;
}

h2#banner-description {
display:none;
}

#pagebody { width:800px;
background-color:#CC99CC;
}

#beta { background-color:#CC99CC;
color:#000000;
width:600px;
-moz-border-radius: 15px;
border-radius: 15px;
}
#alpha { background-color:#CC99CC;
color:#FFFFFF;
width:200px;
-moz-border-radius: 15px;
border-radius: 15px;
}

.content-nav, .content-nav a, .content-nav a:hover { color:#660000;
}

h2.date-header { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#2E0854;
background-color:#CC99CC;
}

.skiplinks { font-size:9px;
color:#2E0854;
}

.entry { border:2px;
border-color:#990000;
width:550px;
color:#000000;
background-color:#FFFFFF;
-moz-border-radius: 15px;
border-radius: 15px;
}

h3.entry-header {color:#FFF;
font-size:16px;
text-align:center;
}

.entry-userpic {display:none;
}

.entry-content {line-height:normal;
}
.entry-body {line-height:normal;}

.metadata {display:inherit;
}

.ljtags { float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#000000;
}

.entry-footer {background:background-color:#FFFFFF;
color:#000000;
}

.module {width:200px;
background-color:#CC99CC;
color:#664400;
padding:1px;
}

.module-photo {display:none;
}

.module-viewlinks { background-color:#CC99CC;
color:#FFFFFF;
}
.module-calendar {display:none;!important}

.module-typelist {font-size:10px;
color:#664400;
background-color:#CC99CC;
}
.module-categories {
color:#2E0854;
background-color:#CC99CC;
}
.module-pagesummary  {display:none;}
.module-syndicate {display:none;}
.module-powered {display:none;}
.module-header {font-size:14px;
color:#554422;
background-color:#CC99CC;
}
.module-content {font:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}	
ul.module-list {background-color:#CC99CC;
color:#2E0854;
}
li.module-list-item a {color:#fff}

.comments {width:550px;
background-color:#fff;
color:#000000;
text-align:center;
}

h3.comments-header { width:550px;
font-size:14px;
color:#000;
}

h3.comment-header { font-size:12px;}
.comment-userpic {float:right;}
.comment-content {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#668888;
background-color:#fff;}
.comment-footer {font-size:9px;
color:#ee8811;
}
.comment-replies {background-color:#fff;
color:#000000;
}

Background Image

( Read more... )

Tags: account: free, account: paid, account: permanment, layout: s2 bloggish, maker: lace_and_cream

Posted at 12:27 pm | Link | Leave a comment | Add to Memories | Tell a Friend

pemberley

Can you tell I'm in love with this base layout?

Static Preview
Live Preview:

toujourspur_psl

Code

/* S2 Bloggish Layout 
http://asylums.insanejournal.com/abeautifulmind + http://lace-and-cream.insanejournal.com */
/* Viewlinks code by grrliz on thefulcrum.livejournal.com because I fail */

body {background-color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#FFFFFF;
background-image:url("http://images.wikia.com/harrypotter/images/e/ef/800px-Blackfamilytreeootp1.jpg");
}

a, a:visited, a:hover { 
color:#2b0d0b;
}

#container { 
width:542px;
margin: 0px auto;
padding:2px;
}

#container-inner {
width:532px;
}

#banner {
width:542px;
background-image:url("http://www.hp-lexicon.org/images/blackfamilytrees/blackfamilycrest.gif");
height:375px;
background-color:#fff;
}

h1#banner-header { display:none;
}

h2#banner-description {
display:none;
}

#pagebody { width:542px;
background-color:#ccc;
}

#alpha { background-color:#000;
color:#000000;
width:100px;
}
#beta 
{width:442px;
margin-top:50px;
;}

.content-nav, .content-nav a, .content-nav a:hover { color:#660000;
}

h2.date-header { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#fff;
background-color:#000;
float:right; 
width: 420px;
}

.skiplinks { font-size:9px;
color:#777;
float:bottom;
}

.entry { border:2px;
border-color:#000;
border:2px;
width:420px;
color:#000;
background-color:#FFFFFF;
-moz-border-radius: 15px;
border-radius: 15px;
margin-right:10px;
margin-left:10px;
float:right;
}

h3.entry-header {color:#FFF;
font-size:16px;
text-align:center;
}

.entry-userpic {display:none;
}

.entry-content {line-height:normal;
}
.entry-body {line-height:normal;}

.metadata {display:inherit;
}

.ljtags { float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#777;
}

.entry-footer {background:background-color:#FFFFFF;
color:#000000;
}

.module {width:542px;
background-color:#000;
color:#fff;
padding:1px;
}

.module-photo {display:none;
}

.module-viewlinks {
	position: static;  
	margin: 0px auto !important;
	color: #FFFFFF;
	font-size: 100%; 
	text-transform: uppercase;
	font-weight: 200; 
	letter-spacing: .22em;}
.module-viewlinks .module-content {
	position: relative; 
	height: 50px; 
	margin: 0px auto; 
	padding: 0px auto;}
.module-viewlinks ul {
	position: absolute; 
	top: 0px; 
	margin: 0px 0px 0px 128px; 
	font-size: 1em; 
	line-height: 30px; 
	list-style-type: none;}
.module-viewlinks li.module-list-item {
	display: inline !important; 
	float: left; 
	width: auto; 
	padding: 10px; 
	text-align: center; 
	background: none;}

.module-calendar {display:none;!important}

.module-typelist {
color:#664400;
background-color:#990000;
width:150px;
float:left;
}
.module-categories {
color:#fff;
background-color:#000;
width:100px;
float:left;
}
.module-pagesummary  {display:none;}
.module-syndicate {display:none;}
.module-powered {display:none;}
.module-header {font-size:14px;
color:#554422;
background-color:#000;
}
.module-content {font:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}	
ul.module-list {background-color:#000;
color:#fff;
}
li.module-list-item a {color:#fff}

.comments {width:542px;
background-color:#fff;
color:#0000;
text-align:center;
text-transform:uppercase;
}

h3.comments-header { width:542px;
font-size:14px;
color:#000;
}

h3.comment-header { font-size:12px;}
.comment-userpic {float:right;}
.comment-content {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
background-color:#fff;}
.comment-footer {font-size:9px;
color:#000;
}
.comment-replies {background-color:#fff;
color:#000000;
}

-> Feel free to modify as you like, but leave credit in the code/profile etc thanks!

( Instructions )

Tags: account: free, account: paid, account: permanment, layout: s2 bloggish, maker: lace_and_cream

Posted at 06:00 pm | Link | Leave a comment | Add to Memories | Tell a Friend

pemberley

Static Preview: here (No tag/link list)
Live Preview:

abeautifulmind (with a tags list)

Code if you use a tags/links list

/* S2 Bloggish Layout 
http://asylums.insanejournal.com/abeautifulmind + http://lace-and-cream.insanejournal.com */
/* Viewlinks code by grrliz on thefulcrum.livejournal.com because I fail */

body {background-color:#800000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#FFFFFF;
}

a, a:visited, a:hover { 
color:#2b0d0b;
}

#container { 
width:600px;
margin: 0px auto;
padding:2px;
}

#container-inner {
width:590px;
}

#banner {
width:600px;
background-image:url("http://i303.photobucket.com/albums/nn127/immortalaussie/Banners/simplydelicousheader.png");
height:259px;
}

h1#banner-header { display:none;
}

h2#banner-description {
display:none;
}

#pagebody { width:600px;
background-color:#391310;
}

#alpha { background-color:#990000;
color:#000000;
width:150px;
}
#beta 
{width:450px;
margin-top:50px;
;}

.content-nav, .content-nav a, .content-nav a:hover { color:#660000;
}

h2.date-header { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#b40e24;
background-color:#360808;
float:right; 
width: 440px;
}

.skiplinks { font-size:9px;
color:#ff0000;
float:bottom;
}

.entry { border:2px;
border-color:#990000;
border:2px;
width:430px;
color:#542327;
background-color:#FFFFFF;
-moz-border-radius: 15px;
border-radius: 15px;
margin-right:10px;
margin-left:10px;
float:right;
}

h3.entry-header {color:#FFF;
font-size:16px;
text-align:center;
}

.entry-userpic {display:none;
}

.entry-content {line-height:normal;
}
.entry-body {line-height:normal;}

.metadata {display:inherit;
}

.ljtags { float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#00FFFF;
}

.entry-footer {background:background-color:#FFFFFF;
color:#000000;
}

.module {width:600px;
background-color:#990000;
color:#664400;
padding:1px;
}

.module-photo {display:none;
}

.module-viewlinks {
	position: static;  
	margin: 0px auto !important;
	color: #FFFFFF;
	font-size: 100%; 
	text-transform: uppercase;
	font-weight: 200; 
	letter-spacing: .22em;}
.module-viewlinks .module-content {
	position: relative; 
	height: 50px; 
	margin: 0px auto; 
	padding: 0px auto;}
.module-viewlinks ul {
	position: absolute; 
	top: 0px; 
	margin: 0px 0px 0px 128px; 
	font-size: 1em; 
	line-height: 30px; 
	list-style-type: none;}
.module-viewlinks li.module-list-item {
	display: inline !important; 
	float: left; 
	width: auto; 
	padding: 10px; 
	text-align: center; 
	background: none;}

.module-calendar {display:none;!important}

.module-typelist {
color:#664400;
background-color:#990000;
width:150px;
float:left;
}
.module-categories {
color:#664400;
background-color:#990000;
width:150px;
float:left;
}
.module-pagesummary  {display:none;}
.module-syndicate {display:none;}
.module-powered {display:none;}
.module-header {font-size:14px;
color:#554422;
background-color:#990000;
}
.module-content {font:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}	
ul.module-list {background-color:#990000;
color:#bb9966;
}
li.module-list-item a {color:#fff}

.comments {width:600px;
background-color:#fff;
color:#FF0000;
text-align:center;
text-transform:uppercase;
}

h3.comments-header { width:600px;
font-size:14px;
color:#000;
}

h3.comment-header { font-size:12px;}
.comment-userpic {float:right;}
.comment-content {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#990000;
background-color:#fff;}
.comment-footer {font-size:9px;
color:#ee8811;
}
.comment-replies {background-color:#fff;
color:#000000;
}

Code for no tag list

/* S2 Bloggish Layout 
http://asylums.insanejournal.com/abeautifulmind + http://lace-and-cream.insanejournal.com */
/* Viewlinks code by grrliz on thefulcrum.livejournal.com because I fail */

body {background-color:#800000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#FFFFFF;
}

a, a:visited, a:hover { 
color:#2b0d0b;
}

#container { 
width:600px;
margin: 0px auto;
padding:2px;
}

#container-inner {
width:590px;
}

#banner {
width:600px;
background-image:url("http://i303.photobucket.com/albums/nn127/immortalaussie/Banners/simplydelicousheader.png");
height:259px;
}

h1#banner-header { display:none;
}

h2#banner-description {
display:none;
}

#pagebody { width:600px;
background-color:#391310;
}

#alpha { background-color:#391310;
color:#000000;
width:600px;
}

.content-nav, .content-nav a, .content-nav a:hover { color:#660000;
}

h2.date-header { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#b40e24;
background-color:#360808;
}

.skiplinks { font-size:9px;
color:#ff0000;
}

.entry { border:2px;
border-color:#990000;
border:2px;
width:580px;
color:#542327;
background-color:#FFFFFF;
-moz-border-radius: 15px;
border-radius: 15px;
margin-right:10px;
margin-left:10px;
}

h3.entry-header {color:#FFF;
font-size:16px;
text-align:center;
}

.entry-userpic {display:none;
}

.entry-content {line-height:normal;
}
.entry-body {line-height:normal;}

.metadata {display:inherit;
}

.ljtags { float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#00FFFF;
}

.entry-footer {background:background-color:#FFFFFF;
color:#000000;
}

.module {width:600px;
background-color:#990000;
color:#664400;
padding:1px;
}

.module-photo {display:none;
}

.module-viewlinks {
	position: static;  
	margin: 0px auto !important;
	color: #FFFFFF;
	font-size: 100%; 
	text-transform: uppercase;
	font-weight: 200; 
	letter-spacing: .22em;}
.module-viewlinks .module-content {
	position: relative; 
	height: 50px; 
	margin: 0px auto; 
	padding: 0px auto;}
.module-viewlinks ul {
	position: absolute; 
	top: 0px; 
	margin: 0px 0px 0px 128px; 
	font-size: 1em; 
	line-height: 30px; 
	list-style-type: none;}
.module-viewlinks li.module-list-item {
	display: inline !important; 
	float: left; 
	width: auto; 
	padding: 10px; 
	text-align: center; 
	background: none;}

.module-calendar {display:none;!important}

.module-typelist {font-size:10px;
color:#664400;
background-color:#990000;
}
.module-categories {
color:#664400;
background-color:#990000;
}
.module-pagesummary  {display:none;}
.module-syndicate {display:none;}
.module-powered {display:none;}
.module-header {font-size:14px;
color:#554422;
background-color:#990000;
}
.module-content {font:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}	
ul.module-list {background-color:#990000;
color:#bb9966;
}
li.module-list-item a {color:#fff}

.comments {width:600px;
background-color:#fff;
color:#FF0000;
text-align:center;
text-transform:uppercase;
}

h3.comments-header { width:600px;
font-size:14px;
color:#000;
}

h3.comment-header { font-size:12px;}
.comment-userpic {float:right;}
.comment-content {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#990000;
background-color:#fff;}
.comment-footer {font-size:9px;
color:#ee8811;
}
.comment-replies {background-color:#fff;
color:#000000;
}

-> Header is 600px wide and is 259px high.
Feel free to modify as you like, but leave credit in the code/profile etc thanks!

( Instructions )

Tags: account: free, account: paid, account: permanment, layout: s2 bloggish, maker: lace_and_cream

pemberley

static preview
Live Example:

arcissa
Compatibility: Firefox, Google Chrome, Safari. Not tested in IE.
Type: s1 Generator

The Code

GLOBAL_HEAD<=

<!--

/* HIDES YOUR ICON */

.shadowed img{

display:none;

}

/* BACKGROUND IMAGE AND COLOR FOR THE PAGE */

/* MARGIN-TOP SHOULD BE AT LEAST THE HEIGHT OF YOUR HEADER */

body {

background-color:#117788;

background-image:url(http://i303.photobucket.com/albums/nn127/immortalaussie/Patterns/background1.png);

background-repeat:repeat;

background-attachment:fixed;

background-position:top left;

text-align:center;

margin:0;

margin-top:10px;

padding:0;

}

/*HEADER IMAGE WIDTH IS THE WIDTH OF THE HEADER HEIGHT IS THE HEIGHT OF YOUR HEADER MARGIN LEFT IS THE NEGATIVE HALF WIDTH OF YOUR HEADER */

#header{

background-image:url();

position:absolute;

visibility:visible;

top:0px;

width:600px;

left:50%;

margin-left:-300px;

height:10px;

text-align:center;

font-size:20pt;

}

/* SUBJECT */

p table table td.caption {

font-weight:bold;

}

/* SHIFTS THE ENTRYBOXES CLOSER TOGETHER */

p {

margin:0;

padding:0;

}

.entrybox p{

margin: 1.2em 0;

}

/* HIDES THE OLD DATE LINE AND THE DATE BRACKETS */

.entrybox td.index, .index3{

display:none;

}

/* DEFINES THE LOOK OF THE DATE LINE.*/

.index2{

width:100%;

text-align:right;

border-bottom:1px dotted grey;

display:block;

text-transform:uppercase;

letter-spacing:1.5;

font-size:8pt;

}

/* COMMENTS LINKS */

.comments{

text-align:center;

padding-bottom:50px;

}

/* LINK APEAREANCE FOR COMMENTS */

.comments a, .comments a:visited,.comments a:hover{

color:#99ddee;

}

.comments img{

border:0;

}

/* TOP NAVIGATION YOU MIGHT HAVE TO CHANGE THE LEFT VALUE TO CENTER THE NAVIGATION LINKS UNDER THE HEADER*/

.nav1, .nav2{

padding-top:2;

padding-bottom:2;

position:relative;

left:-2pt;

display:block;

}

/* FIRST LINE OF TOP NAVIGATON */

.nav1{

background-color: #117788; text-transform:uppercase;

word-spacing:14px;

}

/* DO NOT CHANGE ANYTHING HERE */

table table td.shadowed table{

width:100%;

}

table td, .entrybox .meta{

padding:0;

}

.entrybox td{

padding:5px 10px;

}

/* LINK APEAREANCE OF THE SECOND NAVIGATION LINK ROW */

.nav2 a, .nav2 a:active, .nav2 a:visited, .nav2 a:hover{

color:#99ddee;

font-variant:small-caps;

}

/* THE OTHER LINKS */

a {

color: #99ddee;

text-decoration:none;

}

a:visited {

color:#55aabb;

}

a:hover {

text-decoration: underline;

}

/* SETS THE WIDTH OF THE TABLE (CHOOSE THE SAME WITH AS YOUR HEADER) AND BACKGROUND_COLOR */

div {

margin:0 auto;

width:600px;

background:#117788;

}

div div { background: none; width: auto; height: auto; padding: 0; }

div table { width: 98%; }

div table table { width: 100%; }

div table table table { width: auto; }

div table table table table { width: 100%; }

-->

</style>

<=GLOBAL_HEAD

FRIENDS_WEBSITE<=
<style type="text/css"> 
<!-- 
table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden; 
position: absolute; 
top: 1px
}
--> 
</style> 
<tr><td colspan="5" width="100%">
<table style="float:right" cellspacing="0" border="0" cellpadding="0">
<tr><td class="meta">

<font size="3" color="#44ddff">THIS IS YOUR JOURNAL NAME</font></br></br></br><span class="nav1">

<font color="#88bbcc">♥ <a href="http://journalname.insanejournal.com/info"><font color="#88bbcc">userinfo</font></a> ♥
<a href="http://www.insanejournal.com/users/journalname/friends"><font color="#88bbcc">friends</font></a> ♥
<a href="http://www.insanejournal.com/users/journalname/calander"><font color="#88bbcc">calander</font></a> ♥
<a href="http://www.insanejournal.com/users/journalname"><font color="#88bbcc">recent</font></a> ♥</font>
<br /></span><br />

<span class="nav2">
♥ <a href="URL">LINK</a> ♥
<a href="URL">LINK</a> ♥
<a href="http://asylums.insanejournal.com/abeautifulmind">CREDIT</a> ♥
</span></center>

</td></tr></table></td></tr>
<=FRIENDS_WEBSITE

LASTN_WEBSITE<=
<style type="text/css"> 
<!-- 
table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden; 
position: absolute; 
top: 1px
}
--> 
</style> 
<tr><td colspan="5" width="100%">
<table style="float:right" cellspacing="0" border="0" cellpadding="0">
<tr><td class="meta">

<font size="3" color="#44ddff">THIS IS YOUR JOURNAL NAME</font></br></br></br><span class="nav1">

<font color="#88bbcc">♥ <a href="http://journalname.insanejournal.com/info"><font color="#88bbcc">userinfo</font></a> ♥
<a href="http://www.insanejournal.com/users/journalname/friends"><font color="#88bbcc">friends</font></a> ♥
<a href="http://www.insanejournal.com/users/journalname/calander"><font color="#88bbcc">calander</font></a> ♥
<a href="http://www.insanejournal.com/users/journalname"><font color="#88bbcc">recent</font></a> ♥</font>
<br /></span><br />

<span class="nav2">
♥ <a href="URL">LINK</a> ♥
<a href="URL">LINK</a> ♥
<a href="http://asylums.insanejournal.com/abeautifulmind">CREDIT</a> ♥
</span></center>

</td></tr></table></td></tr>

<=LASTN_WEBSITE

( Instructions )

Tags: account: free, account: paid, account: permanment, layout: s1 generator, maker: lace_and_cream

Posted at 05:54 pm | Link | Leave a comment | Add to Memories | Tell a Friend

pemberley

Static Preview
Live Example:

lace_and_cream
Modified examples:

mrsbellariddle

pll_mods

The Code

/* S2 Bloggish Layout 
http://asylums.insanejournal.com/abeautifulmind + http://lace-and-cream.insanejournal.com */

body {background-color:#bb9966;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#FFFFFF;
}

a, a:visited, a:hover { 
color:#996644;
}

#container { 
width:650px;
margin: 0px auto;
padding:2px;
}

#container-inner {
width:640px;
}

#banner {
width:640px;
background-image:url("http://i303.photobucket.com/albums/nn127/immortalaussie/Banners/969972-naomi-watts.jpg");
height:360px;
}

h1#banner-header { display:none;
}

h2#banner-description {
display:none;
}

#pagebody { width:640px;
background-color:#668888;
}

#beta { background-color:#668888;
color:#000000;
width:500px;
}
#alpha { background-color:#668888;
color:#FFFFFF;
width:140px;
}

.content-nav, .content-nav a, .content-nav a:hover { color:#660000;
}

h2.date-header { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#554422;
background-color:#668888;
}

.skiplinks { font-size:9px;
color:#00FFF;
}

.entry { border:2px;
border-color:#990000;
width:490px;
color:#542327;
background-color:#FFFFFF;
-moz-border-radius: 15px;
border-radius: 15px;
}

h3.entry-header {color:#000000;
font-size:16px;
text-align:center;
}

.entry-userpic {display:none;
}

.entry-content {line-height:normal;
}
.entry-body {line-height:normal;}

.metadata {display:inherit;
}

.ljtags { float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#00FFFF;
}

.entry-footer {background:background-color:#FFFFFF;
color:#000000;
}

.module {width:140px;
background-color:#668888;
color:#664400;
padding:1px;
}

.module-photo {display:none;
}

.module-viewlinks { background-color:#668888;
color:#FFFFFF;
}
.module-calendar {display:none;!important}

.module-typelist {font-size:10px;
color:#664400;
background-color:#668888;
}
.module-categories {
color:#664400;
background-color:#668888;
}
.module-pagesummary  {display:none;}
.module-syndicate {display:none;}
.module-powered {display:none;}
.module-header {font-size:14px;
color:#554422;
background-color:#668888;
}
.module-content {font:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}	
ul.module-list {background-color:#668888;
color:#bb9966;
}
li.module-list-item a {color:#fff}

.comments {width:500px;
background-color:#fff;
color:#FF0000;
text-align:center;
text-transform:uppercase;
}

h3.comments-header { width:600px;
font-size:14px;
color:#000;
}

h3.comment-header { font-size:12px;}
.comment-userpic {float:right;}
.comment-content {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#668888;
background-color:#fff;}
.comment-footer {font-size:9px;
color:#ee8811;
}
.comment-replies {background-color:#fff;
color:#000000;
}

-> Header is 600px wide and is 360px high.
Feel free to modify as you like, but leave credit in the code/profile etc thanks!

( Instructions )

Tags: account: free, account: paid, account: permanment, layout: s2 bloggish, maker: lace_and_cream

pemberley

Live Example:

goddessed

GLOBAL_HEAD<=

<!--

body {

background: url(http://i303.photobucket.com/albums/nn127/immortalaussie/Journal%20Layouts/clean%20and%20simple/diamond%20background/diamondbackground.png);

color:;

font-family:sans-serif;

margin:0;

margin-bottom:10px;

text-align:center;

}

table {

width: 600px;

border:none;

margin-left:auto;

margin-right:auto;

margin-top:250px;

}

#topbar {

background: #FFBBCC;

padding-right:10px;

color: #CF0015;

height: ;

width: ;

}

#topbar h1 {

margin-top: 5px;

margin-bottom: 0;

text-align: right;

font-size: 2.5em;

font-family: georgia;

line-height: .8em;

}

#topbar h2 {

margin-top: 0;

margin-bottom: 5px;

text-align: center;

font-size: 1.25em;

display:none;

}

#navbar {

background: #FFBBCC;

width: 20%;

border-right:2px solid #FF30D9;

}

#navbar ul {

list-style: none;

padding:0;

margin: 5px;

}

#navbar ul li {

margin: 2px;

font-size:11px;

color:#CF0015;

text-align:justify;

}

#navbar a{

background: none;

color: #000000;

text-decoration: bold;

font-size:12px;

}

#navbar a:hover {

text-decoration: underline;

color:#FFFFFF;

}

#mainstuff {

width: 80%;

background-color: #FFFFFF;

font-size:11px;

line-height:14px;

}

#mainstuff a{

background: none;

color: #FF0000;

text-decoration: none;

font-size:12px;

}

#userpic {

text-align: center;

margin: 10px;

}

#userpic img {

border: 2px solid white ;

background: none;

position: relative;

top: 6px;

}

#entries {

margin: 5px;

}

#range {

padding:6px;

text-align:center;

color:#000000;

display:none;

}

.day {

border-top:1px solid #bbb;

clear: both;

background-color: #FFCFF1;

}

.day h3 {

border-bottom: 1px solid #bbb;

padding: 1px;

margin: 0;

font-size: 1.1em;

text-align: right;

color:#FF0000;

}

address {

text-align: center;

font-style: normal;

font-size: 0.95em;

display:none;

}

.entrytext {

padding: 0px;

text-align: justify;

}

.entry {

background-color:#FFFFFF;

}

.entrytext p, .entrytext ul, .entrytext ol, .entrytext table {

margin-top: 0.5em;

margin-bottom: 0.5em;

}

.entryheading {

display:block;

margin:0;

text-align:left;

color:#FF0000;

background:#FFFFFF;

}

.timestamp, .altposter, .subject{

font-size:1.1em;

}

.altposter a {

text-decoration: underline;

background-color:#CFCFCF;

}

.altposter img {

border: 2px solid;

background-color:#FFFFFF;

}

.talklinks {

font-size: .8em;

text-transform: lowercase;

text-align: center;

margin-bottom: 15px;

clear: right;

padding:0px;

background:#F3BFFF;

margin-top:5px;

border-top:1px solid white;

border-bottom:1px solid #bbb;

}

.talklinks a{

text-decoration:bold;

color: #000000;

}

.currents{

font-size:.8em;

color:#AFAFAF;

}

.header{

position:absolute;

top:16px;

left:50%;

margin-left:-300px;

width:600px;

height:250px ;

}

table table{

border:0;

width:75%;

background:#CFCFCF;

}

table table td{

border-right:1px solid #CFCFCF;

border-bottom:1px solid #CFCFCF;

border-top:1px solid #fff;

border-left:1px solid #fff;

}

-->

</style>

<=GLOBAL_HEAD

FRIENDS_OPT_ITEMS=>25

FRIENDS_WEBSITE<=

<li><a href=http://www.insanejournal.com/update/>Update</a></li>
<=FRIENDS_WEBSITE

LASTN_OPT_ITEMS=>2

CALENDAR_WEBSITE<=
<li><a href="URL">Link</a></li>

<=CALENDAR_WEBSITE

LASTN_WEBSITE<=

<li><a href=http://www.insanejournal.com/update/>Update</a></li>
<=LASTN_WEBSITE

( Instructions for Insanejournal )

( Instructions for Livejournal )

Tags: account: free, account: paid, account: permanment, layout: s1 clean and simple, maker: lace_and_cream

Posted at 05:51 pm | Link | Leave a comment | Add to Memories | Tell a Friend

pemberley

Type: s1 Generator
Live Example:

stolenmoonlight

/*GENERATOR CODE BY ARURBEX, MODIFIED FROM VARIOUS SOURCES*/
/* layout made by lace_and_cream on insanejournal. Please credit her or abeautifulmind (insanejournal)*/

GLOBAL_HEAD<=

<!--

/* HIDES YOUR ICON */

.shadowed img{

display:none;

}

/* BACKGROUND IMAGE AND COLOR FOR THE PAGE */

/* MARGIN-TOP SHOULD BE AT LEAST THE HEIGHT OF YOUR HEADER */

body {

background-color:#000000;

background-image:url(URL);

background-repeat:repeat;

background-attachment:fixed;

background-position:top left;

text-align:center;

margin:0;

margin-top:390px;

padding:0;

}

/*HEADER IMAGE WIDTH IS THE WIDTH OF THE HEADER HEIGHT IS THE HEIGHT OF YOUR HEADER MARGIN LEFT IS THE NEGATIVE HALF WIDTH OF YOUR HEADER */

#header{

background-image:url(http://i303.photobucket.com/albums/nn127/immortalaussie/Journal%20Layouts/20080219-woman-holding-the-moon.jpg);

position:absolute;

visibility:visible;

top:0px;

width:490px;

left:50%;

margin-left:-245px;

height:390px;

text-align:center;

font-size:20pt;

}

/* SUBJECT */

p table table td.caption {

font-weight:bold;

}

/* SHIFTS THE ENTRYBOXES CLOSER TOGETHER */

p {

margin:0;

padding:0;

}

.entrybox p{

margin: 1.2em 0;

}

/* HIDES THE OLD DATE LINE AND THE DATE BRACKETS */

.entrybox td.index, .index3{

display:none;

}

/* DEFINES THE LOOK OF THE DATE LINE.*/

.index2{

width:100%;

text-align:right;

border-bottom:1px dotted grey;

display:block;

text-transform:uppercase;

letter-spacing:1.5;

font-size:8pt;

}

/* COMMENTS LINKS */

.comments{

text-align:center;

padding-bottom:50px;

}

/* LINK APEAREANCE FOR COMMENTS */

.comments a, .comments a:visited,.comments a:hover{

color:#000000;

}

.comments img{

border:0;

}

/* TOP NAVIGATION YOU MIGHT HAVE TO CHANGE THE LEFT VALUE TO CENTER THE NAVIGATION LINKS UNDER THE HEADER*/

.nav1, .nav2{

padding-top:2;

padding-bottom:2;

position:relative;

left:-2pt;

display:block;

}

/* FIRST LINE OF TOP NAVIGATON */

.nav1{

background-color: #000000; text-transform:uppercase;

word-spacing:14px;

}

/* DO NOT CHANGE ANYTHING HERE */

table table td.shadowed table{

width:100%;

}

table td, .entrybox .meta{

padding:0;

}

.entrybox td{

padding:5px 10px;

}

/* LINK APEAREANCE OF THE SECOND NAVIGATION LINK ROW */

.nav2 a, .nav2 a:active, .nav2 a:visited, .nav2 a:hover{

color:#000000;

font-variant:small-caps;

}

/* THE OTHER LINKS */

a {

color: #000000;

text-decoration:none;

}

a:visited {

color:#000000;

}

a:hover {

text-decoration: underline;

}

/* SETS THE WIDTH OF THE TABLE (CHOOSE THE SAME WITH AS YOUR HEADER) AND BACKGROUND_COLOR */

div {

margin:0 auto;

width:490px;

background:#CCCCCC;

}

div div { background: none; width: auto; height: auto; padding: 0; }

div table { width: 98%; }

div table table { width: 100%; }

div table table table { width: auto; }

div table table table table { width: 100%; }

-->

</style>

<=GLOBAL_HEAD

FRIENDS_WEBSITE<=

LASTN_WEBSITE<=
<style type="text/css"> 
<!-- 
table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden; 
position: absolute; 
top: 1px
}
--> 
</style>

</div>

<font size=3>JOURNAL NAME/font></br></br></br><span class="nav1">

♣ <a href="http://journalname.insanejournal.com/info"><font color="#FFFFFF">userinfo</font></a> ♣
<a href="http://journalname.insanejournal.com/friends"><font color="#FFFFFF">friends</font></a> ♣
<a href="http://www.insanejournal.com/users/journalname/calendar"><font color="#FFFFFF">calander</font></a> ♣
<a href="http://www.insanejournal.com/users/journalname"><font color="#FFFFFF">recent</font></a> ♣

<a href="http://www.insanejournal.com/update.bml"><font color="#FFFFFF">update</font></a> ♣

<span class="nav2">
<font color="#FFFFFF">
♣ <a href="URL">Link</a> ♣
<a href="URL">Link</a> ♣

</span></center>

</td></tr></table></td></tr>

<=FRIENDS_WEBSITE

LASTN_WEBSITE<=

LASTN_WEBSITE<=
<style type="text/css"> 
<!-- 
table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden; 
position: absolute; 
top: 1px
}
--> 
</style>

</div>

<font size=3>JOURNAL NAME</font></br></br></br><span class="nav1">

<font color="#FFFFFF">♣ <a href="http://journalname.insanejournal.com/info"><font color="#FFFFFF">userinfo</font></a> ♣
<a href="http://www.insanejournal.com/users/journalname/friends"><font color="#FFFFFF">friends</font></a> ♣
<a href="http://www.insanejournal.com/users/journalname/calender"><font color="#FFFFFF">calander</font></a> ♣
<a href="http://www.insanejournal.com/users/journalname"><font color="#FFFFFF">recent</font></a> ♣</font>
<br /></span><br />

</td></tr></table></td></tr>

<=LASTN_WEBSITE

( instructions )

Tags: account: free, account: paid, account: permanment, layout: s2 bloggish, maker: lace_and_cream

Posted at 05:51 pm | Link | Leave a comment | Add to Memories | Tell a Friend

pemberley

Live Preview:

fireworks_1

/*Layout by ~lace_and_cream via ~abeautifulmind with help from ~chestnutgallery for the sidebars! */

FRIENDS_OPT_ITEMS=>25

FRIENDS_WEBSITE<=

<div id="sidebar"><center><img src="http://28.media.tumblr.com/tumblr_lxlkzdLXbE1qd6626o1_500.gif" width="255">

<br><br><font color="#ffffff">BLURB ABOUT YOU<br><br></div>
</div>

<div id="sidebar2">
<center><li><a href=http://journalname.insanejournal.com><font color="#ffff33">RECENT</font></a></li>
<li><a href=http://journalname.insanejournal.com/profile><font color="#ffff33">PROFILE</font></a></li>
<li><a href=http://journalname.insanejournal.com/calendar><font color="#ffff33">ARCHIVE</font></a></li>
<li><a href=http://journalname.insanejournal.com/friends><font color="#ffff33">FRIENDS</font></a></li>
<li><a href=http://asylums.insanejournal.com/abeautifulmind><font color="#ffff33">CREDIT</font></a></li><br><br>
<img src="http://28.media.tumblr.com/tumblr_ly8xb3SuSb1r55j68o1_500.jpg" width="210px"><br><br></div>

<div> </div>
<=FRIENDS_WEBSITE

DAY_TALK_LINKS<=
<tr><td class="comments" colspan="2"><br><div id="footer">
<a href="%%urlread%%">%%messagecount%% Want to be unique people</a> ( Are you <a href="%%urlpost%%">a unique person?</a> )
</div>
</td></tr>
<=DAY_TALK_LINKS

DAY_WEBSITE<=

<div id="sidebar"><br><center><img src="http://28.media.tumblr.com/tumblr_lxlkzdLXbE1qd6626o1_500.gif" width="290">

<br><br><font color="#ffffff">BLURB ABOUT YOU8.<br><br></div>
<div id="sidebar2">
<center>
<center><li><a href=http://journalname.insanejournal.com><font color="#ffff33">RECENT</font></a></li>
<li><a href=http://journalname.insanejournal.com/profile><font color="#ffff33">PROFILE</font></a></li>
<li><a href=http://journalname.insanejournal.com/calendar><font color="#ffff33">ARCHIVE</font></a></li>
<li><a href=http://journalname.insanejournal.com/friends><font color="#ffff33">FRIENDS</font></a></li>
<li><a href=http://asylums.insanejournal.com/abeautifulmind><font color="#ffff33">CREDIT</font></a></li><br><br>
<img src="http://28.media.tumblr.com/tumblr_ly8xb3SuSb1r55j68o1_500.jpg" width="210px"><br><br></div>

<div> </div>

<=DAY_WEBSITE

LASTN_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2"><br><div id="footer">
<a href="%%urlread%%">%%messagecount%% Want to be unique people</a> ( Are you <a href="%%urlpost%%">a unique person?</a> )
</div>
</td></tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=
<title>JOURNAL TITLE</title>
<style>
<!--
body {
background-color: #000000;
font-family: tahoma;
font-size: 8pt;
color: #ffffff;
line-height: 15pt;
margin:0; overflow-x:hidden; 
background-image:url("http://24.media.tumblr.com/tumblr_ly8fak7OBI1r0zazpo1_500.jpg");
positon:bottom-left;
repeat:no-repeat;}

BODY, TD {
text-align: justify;}

table, tr, xmp, div, td, p {
text-align: justify;}

.shadowed img{display:none; }

table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}

table table .index
{background-color: #777777;
 line-height: 4pt;
 font-size: 9pt;
 font-family: georgia, serif;
 color: #FFFFFF;
 text-align: center;
 padding: 0px;
 width: auto;
}
/* MAIN JOURNAL */
div{
position:relative;
overflow:auto;
width:580px;
height:430px;
margin-left:240px;
top:1px;
}

/* DO NOT TOUCH!! */
div div{
width:auto;
height:auto;
overflow:hidden;
margin-left:0;
left:0;
top:0;
}
table{
width:100%;
}
table table{
width:100%;
}
table table table{
width:auto;
}

table table table td.meta
{padding: 1px;
 line-height: 4pt;
 font-size: 7pt;}

.entrybox .meta
{background-color: #777777;
text-align:center;
}

tr.caption{display:none }

.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px }

/*YOUR SIDEBAR*/
#sidebar{
position:fixed !important;
_position:absolute;
top: 0px !important;
left: 820px !important;
width: 255px !important;
padding: 2px;
height: 100%;
background-color: #000000;
visibility: visible;
z-index:1;
font-family: verdana;
font-size: 8pt;
color: #ffffff;
line-height: 10pt; }

html>body #sidebar{
position:fixed !important;
position:absolute;
top: 0px !important;
left: 820px !important;
height: auto;
font-family: verdana
font-size: 1em;
color: #ffffff;
width: 255px;}

#sidebar img{display:inline; }

/*YOUR SIDEBAR*/
#sidebar2{
position:fixed !important;
_position:absolute;
top: 0px !important;
left: 0px !important;
width: 240px !important;
height: 100%;
visibility: visible;
z-index:1;
background-color: #000000;
font-family: verdana;
font-size: 8pt;
letter-spacing: 1px;
line-height: 9pt; 
color: #ffffff;}

html>body #sidebar2{
position:fixed !important;
_position:absolute;
top: 0px !important;
left: 0px !important;
width: 240px !important;
height: auto;
visibility: visible;
z-index:1;
background-color: #000000;
font-family: verdana;
font-size: 8pt;
letter-spacing: 1px;
line-height: 9pt;
color: #ffffff; }

#sidebar2 img{display:inline; }

#footer{
text-align:right;
font-size: 5pt;
font-family: helvetica;
letter-spacing: 1px; }

/*YOUR ENTRIES*/
table, tr, td, .shadowed {
background-color: #777777;  
font-family: sans-serif;
font-size: 8pt;
color: #ffffff; 
line-height: 10pt;
margin-left:240px;
width:400px;
}

body {margin-top:-40px !important; margin-top:-15px; }

.content {background-color: #FFFFFF; }

table { 
width: 560px; 
margin-right:100%;
font-family: tahoma;
font-size: 8pt;
color: #ffffff;
line-height: 15pt; 
margin-left:1px !important;
margin-top:0px;
overflow-x:hidden;
margin-right:0px;}

table table {width:100% !important; margin:0 !important; background-color:#777777;} 
table table table {width:auto !important; background-color:transparent;} 
table td {border:0px solid #777777;}
table, table table td {border:none; padding:1px; background-color: #777777;}

.shadowed img
/* icons */
{color:#ff0000; border:1px;}
.entrybox 
/* entry border */
{border:0px solid #777777;  }
.entrybox .index 
/* hiding bracket */
{color:#777777; }

a:link, a:active, a:visited{color: #7FFF00; text-decoration:none}
a:hover{color:#ffff33; background-color:#000000}

td.caption, .subject { 
background-color: #777777;
font-family: "times new roman", georgia;
font-size:25px; 
color: #1E1C1C;
line-height:25px; 
letter-spacing: 0px;
text-align: right;
font-family: georgia, serif;  }

p table table td.caption, .head{ 
line-height:25px; 
font-size: 20px; 
letter-spacing: 0px;
text-align: right;
font-family: georgia, serif; }

.comments {
font-size:5pt;
font-family:"georgia";
text-transform:uppercase;
letter-spacing: 2px;
}

.entrybox td.index, .index3 {display: none;}
.index2 {font-style:normal; }

ul
{
list-style-type: none;
padding: 0;
margin: 0;
text-align: center;
width: 210px;
background-color:#000000;
color:#ffff33;
}

li {display:block; background-color: #000000; text-decoration: none; margin: 0 0 .2em 0; width: 210px; color: #ffff33;} li a:link, li a:visited  { display: block; background-color: #000000; color: #ffff33; text-decoration: none; width: 210px} li a:hover { background-color: #000000; color: #ffff33; width: 210px;}
-->
</style>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2"><br><div id="footer">
<a href="%%urlread%%">%%messagecount%% Want to be unique people</a> ( Are you <a href="%%urlpost%%">a unique person?</a> )
</div>
</td></tr>
<=FRIENDS_TALK_LINKS

LASTN_OPT_ITEMS=>8

CALENDAR_WEBSITE<=

<div id="sidebar"><br><center><img src="http://28.media.tumblr.com/tumblr_lxlkzdLXbE1qd6626o1_500.gif" width="255">

<br><br><font color="#ffffff">BLURB ABOUT YOU.<br><br></div>
<div id="sidebar2"><center>
<center><li><a href=http://journalname.insanejournal.com><font color="#ffff33">RECENT</font></a></li>
<li><a href=http://journalname.insanejournal.com/profile><font color="#ffff33">PROFILE</font></a></li>
<li><a href=http://journalname.insanejournal.com/calendar><font color="#ffff33">ARCHIVE</font></a></li>
<li><a href=http://journalname.insanejournal.com/friends><font color="#ffff33">FRIENDS</font></a></li>
<li><a href=http://asylums.insanejournal.com/abeautifulmind><font color="#ffff33">CREDIT</font></a></li><br><br>
<img src="http://28.media.tumblr.com/tumblr_ly8xb3SuSb1r55j68o1_500.jpg" width="210px"><br><br></div>

<div> </div>

<=CALENDAR_WEBSITE

LASTN_WEBSITE<=

<div id="sidebar"><br><center><img src="http://28.media.tumblr.com/tumblr_lxlkzdLXbE1qd6626o1_500.gif" width="255">

<br><br><font color="#ffffff">BLURB ABOUT YOU.<br><br></div>

<div id="sidebar2">
<center><li><a href=http://journalname.insanejournal.com><font color="#ffff33">RECENT</font></a></li>
<li><a href=http://journalname.insanejournal.com/profile><font color="#ffff33">PROFILE</font></a></li>
<li><a href=http://journalname.insanejournal.com/calendar><font color="#ffff33">ARCHIVE</font></a></li>
<li><a href=http://journalname.insanejournal.com/friends><font color="#ffff33">FRIENDS</font></a></li>
<li><a href=http://asylums.insanejournal.com/abeautifulmind><font color="#ffff33">CREDIT</font></a></li><br><br>

<=LASTN_WEBSITE

Static Preview

Live Example, non scrollable entries:

fireworks_2 &

lace_and_cream

/*Layout by ~lace_and_cream of ~abeautifulmind with help from ~chestnutgallery for sidebars */

FRIENDS_OPT_ITEMS=>25

FRIENDS_WEBSITE<=

<div id="sidebar"><center><img src="http://28.media.tumblr.com/tumblr_lxlkzdLXbE1qd6626o1_500.gif" width="255">

<br><br><font color="#ffffff">BLURB ABOUT YOU.<br><br></div>
</div>

<div id="sidebar2">
<center><li><a href=http://journalname.insanejournal.com><font color="#ffff33">RECENT</font></a></li>
<li><a href=http://journalname.insanejournal.com/profile><font color="#ffff33">PROFILE</font></a></li>
<li><a href=http://journalname.insanejournal.com/calendar><font color="#ffff33">ARCHIVE</font></a></li>
<li><a href=http://journalname.insanejournal.com/friends><font color="#ffff33">FRIENDS</font></a></li>
<li><a href=http://asylums.insanejournal.com/abeautifulmind><font color="#ffff33">CREDIT</font></a></li><br><br>
<img src="http://28.media.tumblr.com/tumblr_ly8xb3SuSb1r55j68o1_500.jpg" width="210px"><br><br></div>

<div> </div>
<=FRIENDS_WEBSITE

DAY_TALK_LINKS<=
<tr><td class="comments" colspan="2"><br><div id="footer">
<a href="%%urlread%%">%%messagecount%% Want to be unique people</a> ( Are you <a href="%%urlpost%%">a unique person?</a> )
</div>
</td></tr>
<=DAY_TALK_LINKS

DAY_WEBSITE<=

<div id="sidebar"><br><center><img src="http://28.media.tumblr.com/tumblr_lxlkzdLXbE1qd6626o1_500.gif" width="290">

<br><br><font color="#ffffff">BLURB ABOUT YOU.<br><br></div>
<div id="sidebar2">
<center>
<center><li><a href=http://journalname.insanejournal.com><font color="#ffff33">RECENT</font></a></li>
<li><a href=http://journalname.insanejournal.com/profile><font color="#ffff33">PROFILE</font></a></li>
<li><a href=http://journalname.insanejournal.com/calendar><font color="#ffff33">ARCHIVE</font></a></li>
<li><a href=http://journalname.insanejournal.com/friends><font color="#ffff33">FRIENDS</font></a></li>
<li><a href=http://asylums.insanejournal.com/abeautifulmind><font color="#ffff33">CREDIT</font></a></li><br><br>
<img src="http://28.media.tumblr.com/tumblr_ly8xb3SuSb1r55j68o1_500.jpg" width="210px"><br><br></div>

<div> </div>

<=DAY_WEBSITE

LASTN_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2"><br><div id="footer">
<a href="%%urlread%%">%%messagecount%% Want to be unique people</a> ( Are you <a href="%%urlpost%%">a unique person?</a> )
</div>
</td></tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=
<title>JOURNAL TITLE</title>
<style>
<!--
body {
background-color: #000000;
font-family: tahoma;
font-size: 8pt;
color: #ffffff;
line-height: 15pt;
margin:0; overflow-x:hidden; 
background-image:url("http://24.media.tumblr.com/tumblr_ly8fak7OBI1r0zazpo1_500.jpg");
positon:bottom-left;
repeat:no-repeat;}

BODY, TD {
text-align: justify;}

table, tr, xmp, div, td, p {
text-align: justify;}

.shadowed img{display:none; }

table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}

table table .index
{background-color: #777777;
 line-height: 4pt;
 font-size: 9pt;
 font-family: georgia, serif;
 color: #FFFFFF;
 text-align: center;
 padding: 0px;
 width: auto;
}

table table table td.meta
{padding: 1px;
 line-height: 4pt;
 font-size: 7pt;}

.entrybox .meta
{background-color: #777777;
text-align:center;
}

tr.caption{display:none }

.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px }

/*YOUR SIDEBAR*/
#sidebar{
position:fixed !important;
_position:absolute;
top: 0px !important;
left: 820px !important;
width: 255px !important;
padding: 2px;
height: 100%;
background-color: #000000;
visibility: visible;
z-index:1;
font-family: verdana;
font-size: 8pt;
color: #ffffff;
line-height: 10pt; }

html>body #sidebar{
position:fixed !important;
position:absolute;
top: 0px !important;
left: 820px !important;
height: auto;
font-family: verdana
font-size: 1em;
color: #ffffff;
width: 255px;}

#sidebar img{display:inline; }

/*YOUR SIDEBAR*/
#sidebar2{
position:fixed !important;
_position:absolute;
top: 0px !important;
left: 0px !important;
width: 240px !important;
height: 100%;
visibility: visible;
z-index:1;
background-color: #000000;
font-family: verdana;
font-size: 8pt;
letter-spacing: 1px;
line-height: 9pt; 
color: #ffffff;}

html>body #sidebar2{
position:fixed !important;
_position:absolute;
top: 0px !important;
left: 0px !important;
width: 240px !important;
height: auto;
visibility: visible;
z-index:1;
background-color: #000000;
font-family: verdana;
font-size: 8pt;
letter-spacing: 1px;
line-height: 9pt;
color: #ffffff; }

#sidebar2 img{display:inline; }

#footer{
text-align:right;
font-size: 5pt;
font-family: helvetica;
letter-spacing: 1px; }

/*YOUR ENTRIES*/
table, tr, td, .shadowed {
background-color: #777777;  
font-family: sans-serif;
font-size: 8pt;
color: #ffffff; 
line-height: 10pt;
margin-left:240px;}

body {margin-top:-40px !important; margin-top:-15px; }

.content {background-color: #FFFFFF; }

table { 
width: 580px; 
margin-left:240px !important;
margin-right:100%;
font-family: tahoma;
font-size: 8pt;
color: #ffffff;
line-height: 15pt; }