InsaneJournal

Tweak says, "I need the algorithm."

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

(Read comments) - (Post a new comment)

	gotham_mod 2012-07-26 11:30 pm UTC (link)
	This is beautiful. I want to make a taken/held page. Is there a simple table code you would recommend for holds? Maybe something complimentary that would make a good player contact page? (Reply to this) (Thread)

embodimentof
2012-07-28 01:31 pm UTC (link)

wastintime has a hold table template here. I tweaked it a little so it matches my cast table:

<lj-raw>
<div style="width:450px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;margin-left:10px;padding:10px 10px 10px 0;display:inline-block;box-shadow:0px 0px 5px #cccccc;">
<div style="font-size:11px;letter-spacing:2px;font-family:georgia;padding-left:20px;text-align:justify;color:black;"><b><big>HOLDS</big></b><br><br>

<div style="padding-bottom:2px;border-bottom:1px dotted black;margin-bottom:4px;">Played-By <I>as</I> Character Name <span style="float:right;"><i>Date</i></span></div>
<div style="padding-bottom:2px;border-bottom:1px dotted black;margin-bottom:4px;">Played-By <I>as</I> Character Name <span style="float:right;"><i>Date</i></span></div>
<div style="padding-bottom:2px;border-bottom:1px dotted black;margin-bottom:4px;">Played-By <I>as</I> Character Name <span style="float:right;"><i>Date</i></span></div>
<div style="padding-bottom:2px;border-bottom:1px dotted black;margin-bottom:4px;">Played-By <I>as</I> Character Name <span style="float:right;"><i>Date</i></span></div>
<div style="padding-bottom:2px;border-bottom:1px dotted black;margin-bottom:4px;">Played-By <I>as</I> Character Name <span style="float:right;"><i>Date</i></span></div>
</div></div>
</lj-raw>

(Reply to this) (Parent) (Thread)

	gotham_mod 2012-07-28 03:46 pm UTC (link)
	Thank you! It's lovely. :D (Reply to this) (Parent)

(Read comments) -