RP Resources

ex_dickens625

rpresources

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:#000;
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... )

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

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;
}

-> 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: layout: s2 bloggish, maker: theladyunicorn

Codes + Layouts + Tutorials + More

Community Rules

Tagging Guide

Banners & Buttons

Search by Tag

Layout By

April 10th, 2014

Various versions of the same layout

Bio Sheet: Codex (Mass Effect)