InsaneJournal

Tweak says, "The pit of dispair!"

patron saint of self-injury (ex_pendragon394) wrote in rp_tutorials,
@ 2010-08-03 21:08:00

I've been a long time lurker/admirer of this community but have never really had anything to contribute, however after glancing at this entry and falling in love with the layout I decided to use it for myself and immediately had someone ask how. So I've made a blank version for whoever wants to use it.

Please note: You do not have to credit me for this. This wasn't my original code, all I did was clean it up and change the colors, and please if you use it feel free to edit it however you see fit. If you do feel so inclined to credit someone you can either link back to this entry so others can find it, or credit

vivyan for the original coding. I hope this is helpful.

LIVE PREVIEW

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>TITLE HERE</title>
<style> 
 
a:link, a:visited {
	color: #75B5CB;
	text-transform: uppercase;
	font-size: 7pt;
	font-weight: bold;
}
 
body {
	background-image: url();
	background-color: #C0C0C0;
}
 
body, td {
	font-family: tahoma;
	font-size: 8pt;
	line-height: 9pt;
	text-align: justify;
	color: #787878;
}

hr {
	height: 1px;
	border-top: 1px;
	width: 100%;
	color: #787878;
}
 
a {
	color: #75B5CB;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 7pt;
	font-weight: bold;
}
  
.title {
	font-size: 36pt; 
	line-height: 15pt; 
	letter-spacing: -4px;
	font-family: garamond; 
	font-weight: normal;
	color: #75B5CB;
	text-transform: lowercase;
}
 
.subtitle {
	font-size: 16px;
	line-height: 9px;
	font-family: georgia;
	font-weight: lighter;
	letter-spacing: 3pt;
	text-transform: lowercase;
	color: #666666;
	background-color: #DCDDE1;
	display: block;
	font-style: italic;
}

</style>
</head>

<table width="695" bgcolor="#C0C0C0">
<tbody>
<tr>
<td valign="top">
<table border="0" width="365">
<tbody>
<tr>
<td bgcolor="#E9EAEE" valign="top"> 
<p align="right">
<span class="title">CHARACTER NAME</span>
<table width="358" border="0" cellspacing="5" cellpadding="5">
<tr> 
<td>
<p align="justify">
<span class="subtitle">BASIC INFORMATION</span><br>
<b>FULL NAME:</b> Name goes here.<br>
<b>DATE OF BIRTH & AGE:</b> Date & age go here.<br>
<b>APPARENT AGE:</b> Apparent age goes here.<br>
<b>PLACE OF BIRTH:</b> Place of birth goes here.<br>
<b>SPECIES:</b> Species goes here.
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table> 
 
<br> 
 
<table border="0" width="365">
<tbody>
<tr>
<td bgcolor="#E9EAEE" valign="top"> 
<div align="right">
<span class="title">PROFILE</span><br> 
<div align="justify"><font style="font-family: tahoma; font-size: 8pt; letter-spacing: 1px;"> 
<table width="358" border="0" cellspacing="5" cellpadding="5">
<tr>
<td>
<p align="justify">
<span class="subtitle">PERSONALITY</span><br>
Text goes here.
</td>
</tr>
<tr> 
<td>
<p align="justify">
<span class="subtitle">BIOGRAPHY</span><br>
Text goes here. 
</td>
</tr>
</table>
</font>
<p></p>
</div>
</div>
</td>
</tr>
</tbody>
</table> 
 
<br>

<table border="0" width="365">
<tbody>
<tr>
<td bgcolor="#E9EAEE" valign="top">
<table width="358" border="0" cellspacing="5" cellpadding="5">
<tr>
<td bgcolor="#DCDDE1"> <a href="URL HERE">« Community Link Here</a></td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<td valign="top">
<table border="0" width="305">
<tbody>
<tr>
<td bgcolor="#E9EAEE" valign="top"> <img src="IMAGE%20URL%20HERE" width="300" height="430"> 
</td>
</tr>
</tbody>
</table> 
 
<br>

<table border="0" width="305">
<tbody>
<tr>
<td valign="top" bgcolor="#E9EAEE"> 
<div align="right">
<span class="title">STORYLINES</span>
<table width="300" border="0" cellspacing="5" cellpadding="5">
<tr>
<td> <p align="justify"> <span class="subtitle">CHARACTER NAME</span><br>
<a href="JOURNAL LINK HERE"><img src="IMAGE%20URL%20HERE" width="65" height="65" border="0" align="left"></a> 
Text goes here.</td>
</tr>
<tr>
<td> <p align="justify"> <span class="subtitle">CHARACTER NAME</span><br>
<a href="JOURNAL LINK HERE"><img src="IMAGE%20URL%20HERE" width="65" height="65" border="0" align="left"></a> 
Text goes here.</td>
</tr>
<tr>
<td> <p align="justify"> <span class="subtitle">CHARACTER NAME</span><br>
<a href="JOURNAL LINK HERE"><img src="IMAGE%20URL%20HERE" width="65" height="65" border="0" align="left"></a> 
Text goes here.</td>
</tr>
<tr>
<td> <p align="justify"> <span class="subtitle">CHARACTER NAME</span><br>
<a href="JOURNAL LINK HERE"><img src="IMAGE%20URL%20HERE" width="65" height="65" border="0" align="left"></a> 
Text goes here.</td>
</tr>
</table>
</div>
</td>
</tr>
</tbody>
</table>

<br>

<table border="0" width="305">
<tbody>
<tr>
<td bgcolor="#E9EAEE" valign="top"> 
<p align="right">
<span class="title">OOC INFO</span>
<table width="300" border="0" cellspacing="5" cellpadding="5">
<tr>
<td> <p align="justify"> <span class="subtitle">PLAYER CONTACT</span><br>
<b>TIMEZONE:</b> Timezone.<br>
<b>AIM OR THREAD:</b> Playing preference here.<br>
<b>CONTACT:</b> Contact info here.<br>
<b>JOURNAL & AIM:</b> <a href="JOURNAL URL HERE">username</a> & screen 
name.<br>
<b>PLAYED BY:</b> Played by goes here.
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>

</center>

Obviously you will need to host this on an external server for which I recommend either SCRIBBLD or RIPWAY, though I have found Scribbld to be a bit more reliable.

(Read comments) - (Post a new comment)

	ex_pendragon394 2010-11-30 01:01 am UTC (link)
	Can you take a screen cap of where you entered the code? (Reply to this) (Parent) (Thread)

	monsterbones 2010-11-30 07:30 am UTC (link)
	Sure. Here you go. (Reply to this) (Parent) (Thread)

	ex_pendragon394 2010-11-30 03:23 pm UTC (link)
	I think that's your problem. After you've created your new style, when you go to edit, make sure you're in easy mode rather than raw mode. Then once you have that page open, paste the code in the very last box available and you should be good to go. (Reply to this) (Parent) (Thread)

	monsterbones 2010-11-30 08:36 pm UTC (link)
	Ah, thank you! I guess I should have tried that first, haha. :) (Reply to this) (Parent) (Thread)

	ex_pendragon394 2010-11-30 10:39 pm UTC (link)
	No problem! Glad I could help. (Reply to this) (Parent)

(Read comments) -