InsaneJournal

Tweak says, "What happened to the fiddler?"

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.

	aprilwalker 2010-08-09 10:15 am UTC (link)
	I'm planning to use this for thewizards. Username is the same as it is here. <3 (Reply to this)