Code: Thread Tracker

tessisamess posted this awesome thread tracker code. I shamelessly modified it to better fit my needs for marinanova. And since modifying it was more of a pain in the ass than I had imagined it'd be, I'm posting the modification here in case anyone else wants to use it.

Please credit tessisamess if you use. This is not my code; I just tweaked it for my fancy.


<lj-raw><table align="center"><tr><td><img src="" width="200"></td><td><img src="" width="200"></td><td><img src="" width="200"></td><td><img src="" width="200"></td></tr> <tr><td style="border-bottom:5px solid #ccc" bgcolor="#eee" colspan="3"><div style="padding:5px;font-family:georgia;font-size:45px;letter-spacing:-3px;color:#ddd;text-transform:lowercase;text-align:center;text-shadow: 2px -1px 0px #9E9D9D;filter: dropshadow(color=#9E9D9D, offx=2, offy=-1);"> thread tracker </div></td><td style="border-bottom:5px solid #ccc" bgcolor="#eee"><div style="padding:5px;width:100px;"><table style="font-family:tahoma;font-size:9px;color:#888;text-transform:uppercase;"><tr><td><div style="padding-left:3px"><img src="http://i.imgur.com/TM8E4.png"></div></td><td>ONGOING</td></tr><tr><td><img src="http://i.imgur.com/WmMKn.png"></td><td>COMPLETE</td></tr><tr><td><img src="http://i.imgur.com/ymlvK.png"></td><td>HIATUS</td></tr><tr><td><img src="http://i.imgur.com/ZTa6j.png"></td><td>ABANDONED</td></tr></table></div></td></tr><tr><td colspan="4"></td></tr> <tr><td bgcolor="#eee" colspan="4" style="border-top:5px solid #ccc"><div style="padding:5px;font-family:georgia;font-size:25px;letter-spacing:-2px;color:#9E9D9D;text-transform:uppercase;"> <img src="ICON HERE" height="50" align="center"><a href="PROFILE URL" style="text-decoration:none;"><font color="#9E9D9D">CHARACTER NAME</font></a></div></td></tr> <tr><td bgcolor="#eee" colspan="4"><div style="font family:tahoma;font-size:11px;color:#777;"> <img src="STATUS ICON HERE"><a href="" style="text-decoration:none;"><font color="#777">thread title</a> </div><div style="padding:5px;font-family:georgia;font-size:9px;color:#888;text-transform:lowercase;font-weight:bold;"> <img src="http://i.imgur.com/YsOGA.png" height="12" width="12">Day: in-game date | Started: Date started here | final comment count: # </div></td></tr> <tr><td bgcolor="#eee" colspan="4" style="border-top:5px solid #ccc"><div style="padding:5px;font-family:georgia;font-size:25px;letter-spacing:-2px;color:#9E9D9D;text-transform:uppercase;"> <img src="ICON HERE" height="50" align="center"><a href="PROFILE URL" style="text-decoration:none;"><font color="#9E9D9D">CHARACTER NAME</font></a></div></td></tr> <tr><td bgcolor="#eee" colspan="2"><div style="font family:tahoma;font-size:11px;color:#777;"> <img src="STATUS ICON HERE"><a href="" style="text-decoration:none;"><font color="#777">thread title</a> </div><div style="padding:5px;font-family:georgia;font-size:9px;color:#888;text-transform:lowercase;font-weight:bold;"> <img src="http://i.imgur.com/YsOGA.png" height="12" width="12">Day: in-game date | Started: Date started here | final comment count: # </div></td><td bgcolor="#eee" colspan="2"><div style="font family:tahoma;font-size:11px;color:#777;"> <img src="STATUS ICON HERE"><a href="" style="text-decoration:none;"><font color="#777">thread title</a> </div><div style="padding:5px;font-family:georgia;font-size:9px;color:#888;text-transform:lowercase;font-weight:bold;"> <img src="http://i.imgur.com/YsOGA.png" height="12" width="12">Day: in-game date | Started: Date started here | final comment count: # </div></td></tr> <tr><td colspan="4"><div style="text-align:right;"><a href="http://layouttesst.livejournal.com/profile" title="Code by Layouttesst"><img src="http://i.imgur.com/u3vfp.png"></a></td></tr></table></lj-raw>