A Beautiful Mind

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

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

/* 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: !journal layouts, fandom: harry potter, maker: theladyunicorn, style: s2 bloggish

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: !journal layouts, maker: theladyunicorn, style: s2 bloggish

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: !journal layouts, maker: theladyunicorn, style: s1 generator

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:#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: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: !journal layouts, maker: theladyunicorn, style: s2 bloggish

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: !journal layouts, maker: theladyunicorn, style: s1 clean and simple

Posted at 08:50 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: !journal layouts, maker: theladyunicorn, style: s1 generator

Posted at 04:58 pm | Link | Leave a comment | Add to Memories | Tell a Friend

A Beautiful Mind

A graphics community

July 2017

Links

Tags

Page Summary

Syndicate

Dec. 29th, 2011

Dec. 15th, 2011

Dec. 12th, 2011

Nov. 27th, 2011

Sep. 29th, 2011

May. 4th, 2011