InsaneJournal

Tweak says, "SCHMOKIN"!"

jadis is the embodiment of all evil (embodimentof) wrote in rp_tutorials,
@ 2012-06-08 20:29:00

Entry tags:

coding: cast list, layouts: cdj

This is a character table that can be modified for CDJs, directories, cast lists, whatever have you and is designed to work with icons.

<center>
<table cellspacing="30px"><tr valign="top"><td style="margin:5px 15px 0px 15px; width:300px; -moz-border-radius: 15px; -webkit-border-radius: 15px; float:left; box-shadow:0px 0px 5px #cccccc;"><div><a href="http://JOURNALNAME.insanejournal.com/"><img width="100px" style="margin:-20px 0px 0px -20px;float:left;width:100px;height:100px; -moz-border-radius: 50px; -webkit-border-radius: 50px;" src="http://i55.tinypic.com/1zxnk47.png"></div></a><div style="text-align:center; width:205px; margin-top:25px; margin-bottom:25px;float:left;"><div style="font-size:14px;letter-spacing:2px;font-family:georgia;text-transform:uppercase;">CHARACTER NAME</div><div style="font-size:10px;letter-spacing:1px;font-family:arial; color:#555">Alignment. Former House.
PB Name</div></div></td><td style="width:300px; margin:5px 15px 0px 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; float:left; box-shadow:0px 0px 5px  #bbb;"><div><a href="http://JOURNALNAME.insanejournal.com/"><img width="100px" style="margin:-20px 0px 0px -20px;float:left;width:100px;height:100px; -moz-border-radius: 50px; -webkit-border-radius: 50px;" src="http://i55.tinypic.com/1zxnk47.png"></div></a><div style="text-align:center; width:205px; margin-top:25px; margin-bottom:25px;float:left;"><div style="font-size:14px;letter-spacing:2px;font-family:georgia;text-transform:uppercase;">CHARACTER NAME</div><div style="font-size:10px;letter-spacing:1px;font-family:arial; color:#555">Alignment. Former House.
PB Name</div></div></td>
</tr>
<tr valign="top"><td style="margin:5px 15px 0px 15px; width:300px; -moz-border-radius: 15px; -webkit-border-radius: 15px; float:left; box-shadow:0px 0px 5px #bbb;"><div><a href="http://JOURNALNAME.insanejournal.com/"><img width="100px" style="margin:-20px 0px 0px -20px;float:left;width:100px;height:100px; -moz-border-radius: 50px; -webkit-border-radius: 50px;" src="http://i55.tinypic.com/1zxnk47.png"></div></a><div style="text-align:center; width:205px; margin-top:25px; margin-bottom:25px;float:left;"><div style="font-size:14px;letter-spacing:2px;font-family:georgia;text-transform:uppercase;">CHARACTER NAME</div><div style="font-size:10px;letter-spacing:1px;font-family:arial; color:#555">Alignment. Former House.
PB Name</div></div></td><td style="width:300px; margin:5px 15px 0px 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; float:left; box-shadow:0px 0px 5px  #bbb;"><div><a href="http://JOURNALNAME.insanejournal.com/"><img width="100px" style="margin:-20px 0px 0px -20px;float:left;width:100px;height:100px; -moz-border-radius: 50px; -webkit-border-radius: 50px;" src="http://i55.tinypic.com/1zxnk47.png"></div></a><div style="text-align:center; width:205px; margin-top:25px; margin-bottom:25px;float:left;"><div style="font-size:14px;letter-spacing:2px;font-family:georgia;text-transform:uppercase;">CHARACTER NAME</div><div style="font-size:10px;letter-spacing:1px;font-family:arial; color:#555">Alignment. Former House.
PB Name</div></div></td>
</tr></table>

<center>
<table cellspacing="4px"><tr valign="top"><td style="margin:0px 0px 0px 10px;width:340px; float:left;"><div style="text-align:center; width:240px;padding-left:15px;padding-top:20px;height:70px;margin-top:15px;margin-bottom:25px;margin-left:40px;float:left;-moz-border-radius: 15px;-webkit-border-radius:15px;box-shadow:0px 0px 5px #cccccc;"><div style="font-size:14px;letter-spacing:2px;font-family:georgia;text-transform:uppercase;">CHARACTER NAME</div><div style="font-size:10px;letter-spacing:1px;font-family:arial; color:#555">Alignment. Former House.
PB Name</div></div><a href="http://JOURNALNAME.insanejournal.com/"><img src="http://i55.tinypic.com/1zxnk47.png" width="130px" style="margin-left:-330px;float:left;width:120px;height:120px;-moz-border-radius:60px;-webkit-border-radius:60px;"></a></td><td style="margin:0px 0px 0px 10px;width:340px; float:left;"><div style="text-align:center; width:240px;padding-left:15px;padding-top:20px;height:70px;margin-top:15px;margin-bottom:25px;margin-left:40px;float:left;-moz-border-radius: 15px;-webkit-border-radius:15px;box-shadow:0px 0px 5px #cccccc;"><div style="font-size:14px;letter-spacing:2px;font-family:georgia;text-transform:uppercase;">CHARACTER NAME</div><div style="font-size:10px;letter-spacing:1px;font-family:arial; color:#555">Alignment. Former House.
PB Name</div></div><a href="http://JOURNALNAME.insanejournal.com/"><img src="http://i55.tinypic.com/1zxnk47.png" width="130px" style="margin-left:-330px;float:left;width:120px;height:120px;-moz-border-radius:60px;-webkit-border-radius:60px;"></a></td>
</tr>
<tr valign="top"><td style="margin:0px 0px 0px 10px;width:340px; float:left;"><div style="text-align:center; width:240px;padding-left:15px;padding-top:20px;height:70px;margin-top:15px;margin-bottom:25px;margin-left:40px;float:left;-moz-border-radius: 15px;-webkit-border-radius:15px;box-shadow:0px 0px 5px #cccccc;"><div style="font-size:14px;letter-spacing:2px;font-family:georgia;text-transform:uppercase;">CHARACTER NAME</div><div style="font-size:10px;letter-spacing:1px;font-family:arial; color:#555">Alignment. Former House.
PB Name</div></div><a href="http://JOURNALNAME.insanejournal.com/"><img src="http://i55.tinypic.com/1zxnk47.png" width="130px" style="margin-left:-330px;float:left;width:120px;height:120px;-moz-border-radius:60px;-webkit-border-radius:60px;"></a></td><td style="margin:0px 0px 0px 10px;width:340px; float:left;"><div style="text-align:center; width:240px;padding-left:15px;padding-top:20px;height:70px;margin-top:15px;margin-bottom:25px;margin-left:40px;float:left;-moz-border-radius: 15px;-webkit-border-radius:15px;box-shadow:0px 0px 5px #cccccc;"><div style="font-size:14px;letter-spacing:2px;font-family:georgia;text-transform:uppercase;">CHARACTER NAME</div><div style="font-size:10px;letter-spacing:1px;font-family:arial; color:#555">Alignment. Former House.
PB Name</div></div><a href="http://JOURNALNAME.insanejournal.com/"><img src="http://i55.tinypic.com/1zxnk47.png" width="130px" style="margin-left:-330px;float:left;width:120px;height:120px;-moz-border-radius:60px;-webkit-border-radius:60px;"></a></td>
</tr></table>

CHARACTER NAME Alignment. Former House. PB Name	CHARACTER NAME Alignment. Former House. PB Name
CHARACTER NAME Alignment. Former House. PB Name	CHARACTER NAME Alignment. Former House. PB Name

CHARACTER NAME Alignment. Former House. PB Name	CHARACTER NAME Alignment. Former House. PB Name
CHARACTER NAME Alignment. Former House. PB Name	CHARACTER NAME Alignment. Former House. PB Name

	tea_bender 2012-06-09 08:40 am UTC (link)
	OMG this is so beautiful and elegant! I might have to steal for a character directory over in this character's game. D: (Reply to this) (Thread)

	embodimentof 2012-06-09 06:58 pm UTC (link)
	Enjoy bb! :D Also, PERFECT IROH PB IS PERFECT. (Reply to this) (Parent) (Thread)

	tea_bender 2012-06-09 10:07 pm UTC (link)
	OMG Thank you! :D (Reply to this) (Parent)