InsaneJournal

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> <style> body { background-image: url() !important; background-attachment: fixed !important; background-color: #000000 !important; } </style> <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> <td valign="top" width="33%"><div style="margin-bottom:8px;border-radius:15px;background:#f9f9f9;padding:8px;text-align:center"><img src="300x375 image" style="width:300px;height:200px;background:#aaa"></div><div style="margin-bottom:8px;border-radius:15px;background:#f9f9f9;padding:8px;"> <div style="margin-bottom:5px;font-family:georgia;font-size:19px;color:#808080;font-style:italic;text-shadow: 1px 1px 0px #000000;"> 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> <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> <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> <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> <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> </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.