InsaneJournal

Tweak says, "A word which here means..."

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

	squidtastic 2012-06-10 05:37 pm UTC (link)
	OH HEY THERE PRETTY LADY I'm going to use it for my game as a 'teacher' page of sorts. :) Excitement! It's so clean and pretty and HILARIOUS since our theme uses circles for like..everything. So it's perfection. <3 Which is fitting because...you're perfect. <3 :D THANK YOU JADIS FOR BEING AWESOME (Reply to this) (Thread)

	ramods 2012-06-11 04:48 am UTC (link)
	I actually figured I'd go ahead and link you so you could see what I ended up doing. <3 Here is where I used your code. (Reply to this) (Parent)