InsaneJournal

Tweak says, "Check this out"

Dream to Fly. Dare to Dream. (

rccdj) wrote in

rp_tutorials,
@ 2012-09-23 11:49:00

Smashing layouts
Hello! So, I've been looking for a new directory for a game I mod and I always come across such amazing layouts that leave me torn. In the end, I usually smash up a few or change things around to fit the need.

I love Charsheet: Wooden Board and Taken Characters List. LOVE. They're both amazing.

Obviously, Wooden Board is for a character's profile, but I needed it! So, I tweaked, toyed around and all of that fun stuff. Took a few of the codes from Taken Characters List and smashed it all together.

The end result is here. It's not crazy beautiful, but it's simple!

<title>PAGE TITLE</title>
</head>

<lj-raw><div style="background: url(http://i50.tinypic.com/b6pker.png);width:900px;margin:0 auto;padding:15px;"><table align="center" width="100%" cellpadding="0" cellspacing="10" style="line-height:170%;color:#333;font-family:helvetica;font-size:11px"><tr><td colspan="2" style="line-height:21px;text-align:center;padding-bottom:20px"><font style="font-family:helvetica;color:#111;font-size:42px;letter-spacing:3px">

Title, like Female Directory or Male Directory

</font></td></tr><tr>

Jump to...</div>

<a href="#name" style="text-decoration: none; font-family: helvetica; color: #222222; font-size: 12px; line-height: 140%; letter-spacing: 1.5px; text-transform: uppercase; font-weight: bold;"><font color="#c34838" size="4">‣</font> CHARACTER NAME or PB</a><br>
<a href="#sblack" style="text-decoration: none; font-family: helvetica; color: #222222; font-size: 12px; line-height: 140%; letter-spacing: 1.5px; text-transform: uppercase; font-weight: bold;"><font color="#c34838" size="4">‣</font> CHARACTER NAME or PB</a><br>
<a href="#sblack" style="text-decoration: none; font-family: helvetica; color: #222222; font-size: 12px; line-height: 140%; letter-spacing: 1.5px; text-transform: uppercase; font-weight: bold;"><font color="#c34838" size="4">‣</font> CHARACTER NAME or PB</a><br>
<a href="#sblack" style="text-decoration: none; font-family: helvetica; color: #222222; font-size: 12px; line-height: 140%; letter-spacing: 1.5px; text-transform: uppercase; font-weight: bold;"><font color="#c34838" size="4">‣</font> CHARACTER NAME or PB</a><br>
<a href="#sblack" style="text-decoration: none; font-family: helvetica; color: #222222; font-size: 12px; line-height: 140%; letter-spacing: 1.5px; text-transform: uppercase; font-weight: bold;"><font color="#c34838" size="4">‣</font> CHARACTER NAME or PB</a><br>
<a href="#sblack" style="text-decoration: none; font-family: helvetica; color: #222222; font-size: 12px; line-height: 140%; letter-spacing: 1.5px; text-transform: uppercase; font-weight: bold;"><font color="#c34838" size="4">‣</font> CHARACTER NAME or PB</a><br>
<a href="#sblack" style="text-decoration: none; font-family: helvetica; color: #222222; font-size: 12px; line-height: 140%; letter-spacing: 1.5px; text-transform: uppercase; font-weight: bold;"><font color="#c34838" size="4">‣</font> CHARACTER NAME or PB</a><br>
<a href="#sblack" style="text-decoration: none; font-family: helvetica; color: #222222; font-size: 12px; line-height: 140%; letter-spacing: 1.5px; text-transform: uppercase; font-weight: bold;"><font color="#c34838" size="4">‣</font> CHARACTER NAME or PB</a><br>

</div></td><td valign="top" width="66%"><div style="margin-bottom:8px;border-radius:15px;background:#f9f9f9;padding:12px;text-align:justify;min-height:837px"><div align="right"><img src="http://i49.tinypic.com/1y1nch.png" style="width:120px;height:120px;border-radius:35px;background:#aaa"></div><div style="width:90%;margin-top:-45px;margin-right:80px;margin-bottom:30px;font-family:georgia;font-size:15px;color:#f9f9f9;background:#111;padding:2px;">

<a name="name"></a>Character Name<br>PLAYED BY</div>

<font style="font-family: Palatino Linotype;color:#444444;font-size:10pt;"><b>AKA</b> <i>nick names</i><br>
00-00-1900 ● 00<br>
<i>sexuality</i> ● Relationship<br>
Occupation<br><br>
 AIM | <a href="">Bio</a> | <a href="">OOC</a> | <a href="">IC</a> | <a  href="">Journal</a></font>

<a name="name"></a>Character Name<br>PLAYED BY</div>

</div><div style="text-align:right;letter-spacing:2px;word-spacing:3px;font-size:9px">Two codes all smashed up, <a href="http://asylums.insanejournal.com/rp_tutorials/100739.html#cutid1" style="text-decoration:none"><font color="#333">©</a> & <a href="http://asylums.insanejournal.com/rp_tutorials/323091.html#cutid1">©</a></font></div></td></tr></table></div></lj-raw>

Credit to both original codes are included in the code! Please leave it there.

(Read comments)

InsaneJournal

Post a comment in response: