InsaneJournal

Customizable layout for listing multiple characters' vital information and blurbs leading to their profiles. All colors and the top image can be changed to match a specific layout.

Basic template:
<lj-raw><center><table width="600px"><tr><td> <img src="http://i203.photobucket.com/albums/aa188/yellowbell_icons/cityscape2_zps58034da7.png" width="600"> <div style="border-top: 1px solid #BDBDBD; width:580px; padding:10px; background-color:#747474; color:#ffffff"> <center><span style="font-family:arial narrow; font-size:18pt; letter-spacing:8px; text-shadow: 1px 1px 1px #474747; border-bottom: 1px dotted #BDBDBD;">CHARACTER ROSTER » NAME</span></center> <br><br> <table cellpadding="6" style="background-color:#747474; color:#ffffff; font-family:arial; font-size:9pt"> <!--INSERT NEW CHARACTER HERE--!> </table> </div> <div style="background-color:#474747; border-top: 1px #BDBDBD solid; font-family:arial; font-size:8pt; line-height: 13pt; letter-spacing:1px; color: #FFFFFF; height:50px"><img src="OOCUSERPIC" style="height:50px; border-top-right-radius:35px;" align="left"><br><center><b>Playername</b> • email[at]email[dot]com • aimname (aim) • <a href="CDJUSERNAME" style="color: #FFFFFF; text-decoration:none">username</a> (cdj) </center></div> <div style="border-top:2px #BDBDBD solid; font-family:arial; font-size:8pt; color: #474747; letter-spacing:7pt; text-align:center">code by <a href="http://supersuits.insanejournal.com/profile" style="color: #474747; text-decoration:none"><b>supersuits@insanejoural</b></a></div> </td></tr></table></center></lj-raw>

Where it says INSERT NEW CHARACTER HERE, copy/paste the text below for each character you have →

Add new character:
<!--CHARACTERNAME--!> <tr> <td valign="top" width="180px"> <img src="PICURL1" style="height:70px; border-top-right-radius:35px; border-bottom-left-radius:35px"> <img src="PICURL2" style="border-top-left-radius:50px; border-bottom-right-radius:50px"> <br> <img src="PICURL3" align="top" style="height:70px; border-top-left-radius:35px; border-bottom-right-radius:35px"> <a href="http://USERNAME.insanejournal.com" style="color:#ffffff; text-decoration:none;"><b>username</b></a> <br> </td> <td valign="top"> <div style="padding:18px; border-top-right-radius:50px; border-bottom-left-radius:50px; background-color:#474747"> <span style="font-family:georgia; font-size:18pt;"><i>character name</i> • <span style="font-size:13pt">CODENAME</span></span><br> <span style="font-size:8pt; font-weight:bold">INFO.</span> Age.<br> <span style="font-size:8pt; font-weight:bold">OCCUPATION.</span> TEXT.<br> <span style="font-size:8pt; font-weight:bold">SKILLS.</span> TEXT.<br> <span style="font-size:8pt; font-weight:bold">FAMILY.</span> TEXT.<br> <span style="font-size:8pt; font-weight:bold">RELATIONSHIP STATUS.</span> TEXT.<br> <br> <div style="padding:6px; border-left: 2px #BDBDBD solid; text-align:justify">TEXT BLURB HERE <a href="LINKTOPROFILE" style="color:BDBDBD; text-decoration:none"><b>More</b> →</a> </div> </div> <br> </td> </tr>

See it in use on my CDJ here. If you like this layout, also see the matching character header. Please comment below if you use this layout; I'd love to see it in practice!

♥ kait