RP Resources

Codes + Layouts + Tutorials + More

×

Community Rules

This comm is open to anyone to post codes, layouts, resources, tutorials, and requests for help and content. Of course, we do have some rules, so please read through them before jumping in; thank you!

■ Treat others the way you'd like to be treated. This is not a drama comm, and we expect you guys to be awesome and stay civil. If a situation gets out of hand, please contact a mod, and leave comments intact so we can accurately handle the situation.

■ Please tag your posts and check out the tagging guide if you have any questions!

■ Very long posts or posts formatted with your own div styling for organization should be behind a cut to save people's f-lists.

■ Work safe above the cut, please!

■ If posting codes, guides, etc. absolutely do not post content that you did not make. That's stealing, and it's super uncool, bro! If you are posting expanded/edited codes made by yourself using another user's coding as well, please be sure you have their permission (You do not need direct permission if they allow edits to be re-posted in their blanket rules.)

■ Do not post tutorials/links to tutorials that show people how to steal codes from other users. Again: Stealing. Not cool.

■ When asking for help with something, please check the help tags (help: coding, help: graphics, help: icons, help: layouts, help: other) first to see if your question has already been posted and answered to avoid duplicates.

■ We do not allow game ads to be posted on this comm since there are so many communities specifically for that already; if you're pimping a game as an addition to a regular post, that's fine. (OK: You post an RP code and mention in the post, oh hey, also I'm running this game! NOT OK: Posts dedicated to game promo.)

■ We do allow other types of community promos if they are related to RP (icon comms, other types of resource comms, etc.) Just shoot us a comment in our dropbox beforehand and we'll let you know if it's cool to post!

×

Tagging Guide

zzz

×

Banners & Buttons

Summary

×

Search by Tag

Layout By

Layout by Tessisamess

Welcome to RP Resources!

Here, you'll find all kinds of useful tools for your RP experience; tutorials, resources, codes, layouts—you name it! If you're new to the community, please take a moment to read through the information links to the left before posting, and thank you so much for visiting our community! We look forward to having you around and seeing the awesome things you may have to contribute!

Posts Tagged: 'maker:+theladyunicorn'

rpresources

rpresources

May. 10th, 2024

CR Chart: Gotta Catch 'Em All

rpresources

rpresources

Please find a matching cr chart to this character roster.

code & instructions

Tags: code: cr chart, maker: theladyunicorn

rpresources

rpresources

Apr. 11th, 2019

Character Roster: Gotta Catch 'Em All

rpresources

rpresources

Tags: code: cast list, code: character roster, maker: theladyunicorn

rpresources

rpresources

Feb. 22nd, 2019

Layout: Welcome to the Nineties

rpresources

rpresources

cym3 | As inspired by the Captain Marvel website

Instructions, Replacements & Code

Tags: layout: s2 complete style, maker: theladyunicorn

rpresources

rpresources

Dec. 28th, 2018

Code: Media Tracker

rpresources

rpresources

media in 2019

BOOKS

MOVIES

TV SHOWS

BOOKS

1. Book Name by Author
2. Book Name by Author
3. Book Name by Author

MOVIES

1. Movie
2. Movie
3. Movie

TV SHOWS

1. TV Show
2. TV Show
3. TV Show

©

Tags: code: other, maker: theladyunicorn

rpresources

rpresources

Dec. 26th, 2018

3x OOC Contact Codes

rpresources

rpresources

Three versions of the same code. Usual deal, I'm sure everyone knows it by now :)

CHARACTER NAME HERE

game · Application · Timezone ·

cdj
Comments Screened · Discord Name

Code by

CHARACTER NAME HERE

game · Application · Timezone ·

cdj
Comments Screened · Discord Name

Code by

character name

IC Tags || OOC Tags
Fandom || Canon Point

"Character Quote"

player name

Timezone ||

cdj
Email || Discord

Any other information

Code by

Instructions & Code

Tags: code: ooc contact, maker: theladyunicorn

rpresources

rpresources

Dec. 22nd, 2018

Character Bio: Compact Shadow

rpresources

rpresources

Full size live example, replacements & code

Tags: code: bio, maker: theladyunicorn

rpresources

rpresources

Dec. 7th, 2018

Layout: Vintage Punk

rpresources

rpresources

Instructions & Code

Tags: layout: s2 complete style, maker: theladyunicorn

rpresources

rpresources

Dec. 4th, 2018

Character Roster: Circle More

rpresources

rpresources

( full size image )

Code & Guide @

Tags: code: character roster, maker: theladyunicorn

rpresources

rpresources

Nov. 10th, 2018

Character Roster: Purple Galore

rpresources

rpresources

I wanted to challenge myslef both with flex div's and hiding the arrow of the details tag. For some reason divs and I just don't get along but I made it work! It was heavily expired by various things of both

paddle and

tessisamess who both do amazing things. Also a big shout out to

transilience for cluing me in on how to actually hide it cause the solutions I found required a CSS stylesheet which obviously wouldn't work on IJ for this sort of thing.

Also yes there's all the purple. Purple is amazing.

Code & Instructions @ my journal

Tags: code: character roster, maker: theladyunicorn

rpresources

rpresources

Oct. 21st, 2018

Char Bio: Old & New Patchwork

rpresources

rpresources

CHARACTER NAME
	Name: Name Name Age: Age Gender: Gender Occupation: Job
PERSONALITY PERSONALITY GOES HERE HISTORY HISTORY GOES HERE OOC Name: Timezone: Email: Discord: CDJ:
© cymbeline

Instructions & Code

Tags: code: bio, maker: theladyunicorn

rpresources

rpresources

Oct. 19th, 2018

Layout: Spooky

rpresources

rpresources

Instructions & Code

Tags: layout: s2 complete style, maker: theladyunicorn

ex_dickens625

rpresources

ex_dickens625

rpresources

Apr. 13th, 2014

Red and Yellow Bubbles

ex_dickens625

rpresources

ex_dickens625

rpresources

<table align="center" width="800px" bgcolor="#ffff00" colspan="100px" style="border-radius: 40px"><tr><td colspan="2" bgcolor="#990000" style="border-radius: 40px"><center><font face="impact" size="+5" color="#ffff00">CHARACTER NAME</font></td></tr>

<tr><td bgcolor="#990000" width="400px" style="border-radius: 40px"><font face="impact" size="+3" color="#fff">Facts</font>
<font face="verdana" color="#fff"><b>Name:</b>
<b>Age:</b>
<b>Gender:</b>
<b>Orientation:</b>
<b>Hometown:</b>

<b>Height:</b>
<b>Weight:</b>
<b>Hair:</b>
<b>Eyes:</b></td>

<td bgcolor="#990000" style="border-radius: 40px"><center><img src="https://24.media.tumblr.com/65121b1410194304479ecff15e4e959f/tumblr_n3wa4sN75g1rcyiauo3_250.png" style="-moz-border-radius: 50px; -webkit-border-radius: 50px;"></td>

</tr>

<tr><td colspan="2" bgcolor="#990000" style="border-radius: 40px">
<center><img src="http://www.insanejournal.com/userpic/20389844/960118" style="-moz-border-radius: 50px; -webkit-border-radius: 50px; height:50px; width:50px;">  <img src="http://www.insanejournal.com/userpic/20389844/960118" style="-moz-border-radius: 50px; -webkit-border-radius: 50px; height:50px; width:50px;">  <img src="http://www.insanejournal.com/userpic/20389844/960118" style="-moz-border-radius: 50px; -webkit-border-radius: 50px; height:50px; width:50px;">  <img src="http://www.insanejournal.com/userpic/20389844/960118" style="-moz-border-radius: 50px; -webkit-border-radius: 50px; width:50px; height:50px;">  <img src="http://www.insanejournal.com/userpic/20389844/960118" style="-moz-border-radius: 50px; -webkit-border-radius: 50px; height:50px; width:50px;">
<hr></td></tr>

<tr><td colspan="2" bgcolor="#990000" style="border-radius: 40px"><font face="Impact" size="+3" color="#fff">History</font>

<blockquote><font face="verdana" color="#fff">History goes here</font>

</td></tr>
<tr><td colspan="2" bgcolor="#990000" style="border-radius: 40px">
<center><img src="http://www.insanejournal.com/userpic/20389844/960118" style="-moz-border-radius: 50px; -webkit-border-radius: 50px; height:50px; width:50px;">  <img src="http://www.insanejournal.com/userpic/20389844/960118" style="-moz-border-radius: 50px; -webkit-border-radius: 50px; height:50px; width:50px;">  <img src="http://www.insanejournal.com/userpic/20389844/960118" style="-moz-border-radius: 50px; -webkit-border-radius: 50px; height:50px; width:50px;">  <img src="http://www.insanejournal.com/userpic/20389844/960118" style="-moz-border-radius: 50px; -webkit-border-radius: 50px; width:50px; height:50px;">  <img src="http://www.insanejournal.com/userpic/20389844/960118" style="-moz-border-radius: 50px; -webkit-border-radius: 50px; height:50px; width:50px;">
<hr></td></tr>

<tr><td colspan="2" bgcolor="#990000" style="border-radius: 40px"><font face="Impact" size="+3" color="#fff">Personality</font>

<blockquote><font face="verdana" color="#fff">Personality goes here</font></td></tr>

<tr><td colspan="2" bgcolor="#990000" style="border-radius: 40px">
<center><img src="http://www.insanejournal.com/userpic/20389844/960118" style="-moz-border-radius: 50px; -webkit-border-radius: 50px; height:50px; width:50px;">  <img src="http://www.insanejournal.com/userpic/20389844/960118" style="-moz-border-radius: 50px; -webkit-border-radius: 50px; height:50px; width:50px;">  <img src="http://www.insanejournal.com/userpic/20389844/960118" style="-moz-border-radius: 50px; -webkit-border-radius: 50px; height:50px; width:50px;">  <img src="http://www.insanejournal.com/userpic/20389844/960118" style="-moz-border-radius: 50px; -webkit-border-radius: 50px; width:50px; height:50px;">  <img src="http://www.insanejournal.com/userpic/20389844/960118" style="-moz-border-radius: 50px; -webkit-border-radius: 50px; height:50px; width:50px;">
<hr></td></tr>

<tr><td colspan="2" bgcolor="#990000" style="border-radius: 40px"><font face="verdana" color="#fff"><center><b>Name</b> ♥ <b>AIM</b> ♥ <b>Timezone</b> ♥ <b>CDJ</b> ♥ <b>Email</b> ♥ <b>PB</b></tr></table>

Please make sure to credit

abeautifulmind thanks!

Tags: code: bio, maker: theladyunicorn

ex_dickens625

rpresources

ex_dickens625

rpresources

Apr. 10th, 2014

Various versions of the same layout

ex_dickens625

rpresources

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

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

ex_dickens625

rpresources

ex_dickens625

rpresources

Mar. 28th, 2014

Basic Character Profile

ex_dickens625

rpresources

ex_dickens625

rpresources

Static Preview
Live: here

Code

<table align="center" width="700px" border="1px" cellpadding="10px" cellspacing="3px" bgcolor="#000000"><tr bgcolor="#ffffff"><td colspan="2"><div align="justify"><span style="font-size: 12px; line-height: 120%; letter-spacing: 0px; font-family: arial; color: #999999;"><center><span style="font-size: 40px;  letter-spacing: -2px; font-family: arial; color: #cccccc;">CHARACTER NAME</span><br><span style="font-size: 30px; font-family: georgia;">CHARACTER NAME</span></span></div></center></td></tr>
<tr valign="top"><td width="200px" bgcolor="#ffffff"><b>Name:</b> 
<b>Age:</b> 
<b>DOB:</b> 
<b>Location:</b> 
<b>Occupation:</b> 
<b>Mother:</b> 
<b>Father:</b> 
<b>Siblings:</b> </td><td><img src=GIF GOES HERE></td></tr>

<tr><td colspan="2" bgcolor="#ffffff"><div align="justify"><span style="font-size: 12px; line-height: 120%; letter-spacing: 0px; font-family: arial; color: #999999;"><center><span style="font-size: 30px; font-family: georgia;">APPEARANCE</span></span></div></center>

Appearance goes here

PB: PB Name</td></tr>  
<tr><td colspan="2" bgcolor="#ffffff"><div align="justify"><span style="font-size: 12px; line-height: 120%; letter-spacing: 0px; font-family: arial; color: #999999;"><center><br><span style="font-size: 30px; font-family: georgia;">HISTORY</span></span></div></center>

History goes here

</td></tr>
<tr><td colspan="2" bgcolor="#ffffff"><div align="justify"><span style="font-size: 12px; line-height: 120%; letter-spacing: 0px; font-family: arial; color: #999999;"><center><span style="font-size: 30px; font-family: georgia;">PERSONALITY</span></span></div></center>
 
Personality goes here.

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

Tags: code: bio, maker: theladyunicorn

ex_dickens625

rpresources

ex_dickens625

rpresources

Mar. 24th, 2014

Tweet Tweet! Twitter Page Code

ex_dickens625

rpresources

ex_dickens625

rpresources

<table align="center" width="800px" background="http://i.imgur.com/YX5QJrx.png"><tr valign="top"><td><table align="center" width="700px" bgcolor="#C0DEED" cellspacing="5px"><tr valign="top"><td><table width="200px"><tr><td bgcolor="#ffffff" width="200px"><font face="verdana" size="2px">TWEETS</font></td></tr>
<tr><td bgcolor="#EDEDED"><font face="verdana" size="2px">Following</font></td></tr>
<tr><td bgcolor="#EDEDED"><font face="verdana" size="2px">Followers</font></td></tr>
<tr><td bgcolor="#EDEDED"><font face="verdana" size="2px">Favorites</font></td></tr>
<tr><td bgcolor="#EDEDED"><font face="verdana" size="2px">Lists</font></td></tr></table>

<table width="200px" bgcolor="#ffffff"><tr><td><img src="img" width="60px" height="60px"> <img src="img" width="60px" height="60px"> <img src="img" width="60px" height="60px"></td></tr>
<tr><td><img src="img" width="60px" height="60px"> <img src="img" width="60px" height="60px"> <img src="img" width="60px" height="60px"></td></tr></table>

<table width="200px" bgcolor="#ffffff"><tr valign="top"><td><font face="verdana" size="1px">Who to follow</font> <font face="verdana" size="1px" color="#0084B4">Refresh  View All</font>

<table><tr valign="top"><td><img src="img" width="30px" height="30px"></td><td><font face="verdana" size="1px"><b>Name</b> @username
Similar to <a href=LINK><font color="#0084B4" size="1px">Name</font></a>
<a href="http://www.insanejournal.com/friends/add.bml?user=JOURNALNAME"><font color="#0084B4" size="1px">Follow</font></a></td></tr>
<tr valign="top"><td><img src="img" width="30px" height="30px"></td><td><b>Name</b> @username
Similar to <a href=LINK><font color="#0084B4">Name</font></a>
<a href="http://www.insanejournal.com/friends/add.bml?user=JOURNALNAME"><font color="#0084B4">Follow</font></a></td></tr></table>

<font color="#0084B4" size="1px" face="verdana">Browse Categories  Find Friends</font></td></tr></table>

<table width="200px" bgcolor="#ffffff"><tr valign="top"><td><font size="1px" face="verdana">Worldwide Trends</font> <font size="1px" face="verdana" color="#0084b4">Change

#trend
#trend
#trend
trend
#trend
trend
#trend
#trend
#trend</td></tr></table>

<table width="200px" bgcolor="#ffffff" cellpadding="5px"><tr><td>© 2013 Twitter About Help Terms Privacy Blog Status Apps Resources Jobs Advertisers Businesses Media Developers</td></tr></table>

</td><td width="500px"><table width="400px" align="center"><tr background="http://i.imgur.com/6zTyL7A.png"><td colspan="3"><center>
<img src="img" width="50px" height="50px" style="border-color:#ffffff;border:10px;">

<font color="#ffffff" size="3px" face="verdana"><b>Name</b>
@username</font>

<font color="#ffffff" size="2px" face="verdana">About
Location Website</font>

</td></tr>
<tr bgcolor="#ffffff"><td cellpadding="5px"><font face="verdana" size="2px">18,831</font>
<font face="verdana" size="2px" color="#cccccc">TWEETS</font></td><td cellpadding="5px"><font face="verdana" size="2px">108</font>
<font face="verdana" size="2px" color="#cccccc">FOLLOWING</font></td><td valign="middle"><font face="verdana" size="2px">108</font>
<font face="verdana" size="2px" color="#cccccc">FOLLOWERS</font> <img src="http://www.theladyunicorn.net/dmbutton.png" align="right"></td>
</table>

<table bgcolor="#ffffff" cellpadding="5px" width="400px" align="center"><tr><td><font size="3" face="verdana"><b>Tweets</b></font></td></tr>

<tr><td><center><img src="IMAGE HERE" width="48px" height="48px"></center></td>

<td><font size="2" face="helvetica" color="#333333"><b><font color="#2277BB">Character Username</font></b> @<font color="#2277BB">character tweet is to</font> Tweet message goes here. <font color="#2277BB">#tags</font></font>
<font size="1" face="verdana" color="#999999">3 hours ago</font></td></tr>

<tr><td align="top"><center><img src="http://a2.twimg.com/profile_images/952796914/Screen_shot_2010-06-02_at_1.16.35_PM_normal.png"></center></td>

<td><font size="2" face="helvetica" color="#333333"><img src="http://i24.photobucket.com/albums/c20/Sandroalexander/again-3.png" style="vertical-align: bottom;"> <b><font color="#2277BB">twittername</font></b> Dear @<font color="#2277BB">username2</font>,tweet goes here. <font color="#2277BB">#hashtag</font></font>
<font size="1" face="verdana" color="#999999">3 hours ago<br />Retweeted by twitter name</font></td></tr></table>

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

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

( notes )

Tags: code: other, maker: theladyunicorn

tessisamess

rpresources

tessisamess

rpresources

Mar. 18th, 2014

Tagging Guide

tessisamess

rpresources

tessisamess

rpresources

( a super important post )

Tags: code: bio, code: cast list, code: cdj accessory, code: character roster, code: cr chart, code: gallery, code: game ad, code: mockup, code: navigation, code: ooc contact, code: other, code: playlist, code: profile code, code: thread header, code: thread tracker, code: timeline, help: coding, help: custom styles, help: graphics, help: icons, help: layouts, help: other, help: permanent accounts, help: site issues, layout: generator, layout: s1 generator, layout: s2 bloggish, layout: s2 complete style, maker: 54, maker: advertisemyrp, maker: affictitious/iheartunicorns, maker: allthethings, maker: autumndufresne, maker: beltalowda, maker: clank, maker: cyrus, maker: lottiecakes, maker: marlovian, maker: morethancostume, maker: pickpickler, maker: tessisamess, maker: theladyunicorn, maker: transilience, maker: unknown, maker: upmysleeves, maker: wearestardust, mod post: community update, mod post: general, mod post: important announcement, request: coding, request: graphics, request: icons, request: layouts, request: other, resource: admin console, resource: browser add-ons, resource: coding, resource: color palette, resource: community, resource: game creation, resource: graphics, resource: guides & essays, resource: icons, resource: invite codes, resource: link dump, resource: other, resource: pbs, resource: screencaps, resource: usernames, tutorial: coding, tutorial: custom styles, tutorial: dreamwidth, tutorial: graphics, tutorial: icons, tutorial: modding, tutorial: other, tutorial: writing, ~archive: coding challenges