InsaneJournal

Tweak says, "Inferior without your consent"

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

	serpentsblood 2012-06-11 07:09 am UTC (link)
	....... Thank you, you just made my life so much easier. I didn't even think of adding a moz-border to images! I've been saving them and editing them in a program to get a rounded border. Absolutely gorgeous too. (Reply to this)