1st: inside identity

[yanyan]

Tried my hand at making a clean-looking table for RP purposes or whatever you want to use it for. Icons by me, tiny icons from Pepper.

Character Name INFORMATION Canon Title Username username Game community

single version
<center><div style="width: 200px;"><center><img src="IMAGE URL HERE" style="width: 100px; height: 100px; position: relative; top: 40px;"> <table style="width: 100%; box-shadow: 2px 2px 4px #999;"> <tr><td style="height: 25px; background: #fefefe;"></td></tr> <tr> <td style="background: #fefefe; padding: 10px;"><center><span style="font-family: helvetica, sans serif; color: #000000; font-size: 14px; letter-spacing: 0.1em; font-weight: bold; text-transform: uppercase; text-align: center;">Character Name</span> <table style="width: 100%; font-family: tahoma; font-size: 10px; color: #111111; text-transform: uppercase;"> <tr> <td colspan="2" style="border-bottom: 1px solid #e0e0e0;"><span style="font-family: arial; letter-spacing: 0.2em; font-weight: bold; text-align: right;">INFORMATION</span></td> </tr> <tr><td>Canon</td> <td style="text-align: right;"><span style="color: #555555;">Title</span></td></tr> <tr><td>Username</td> <td style="text-align: right;"><a style="text-decoration: none;" href="http://username.dreamwidth.org/profile"><span style="color: #555555;">username</span></a></td></tr> <tr><td>Game</td> <td style="text-align: right;"><a style="text-decoration: none;" href="http://username.dreamwidth.org/profile"><span style="color: #555555;">community</span></a></td></tr> <tr><td colspan="2"><center> <a href=""><img src="http://i.imgur.com/pS9fq8p.gif" title="threads"></a> <a href=""><img src="http://i.imgur.com/sNR8K1m.gif" title="ic inbox"></a> <a href=""><img src="http://i.imgur.com/AApa2GN.gif" title="contact/hmd"></a></center></td></tr> </table></td></tr> </table></center></div> <small>code by <user name="cawaii"></small></center>

Character Name INFORMATION Canon Title Username username Game community

Character Name INFORMATION Canon Title Username username Game community

Character Name INFORMATION Canon Title Username username Game community

3-column version
<center><table> <tr> <td><div style="width: 200px;"><center><img src="IMAGE URL HERE" style="width: 100px; height: 100px; position: relative; top: 40px;"> <table style="width: 100%; box-shadow: 2px 2px 4px #999;"> <tr><td style="height: 25px; background: #fefefe;"></td></tr> <tr> <td style="background: #fefefe; padding: 10px;"><center><span style="font-family: helvetica, sans serif; color: #000000; font-size: 14px; letter-spacing: 0.1em; font-weight: bold; text-transform: uppercase; text-align: center;">Character Name</span> <table style="width: 100%; font-family: tahoma; font-size: 10px; color: #111111; text-transform: uppercase;"> <tr> <td colspan="2" style="border-bottom: 1px solid #e0e0e0;"><span style="font-family: arial; letter-spacing: 0.2em; font-weight: bold; text-align: right;">INFORMATION</span></td> </tr> <tr><td>Canon</td> <td style="text-align: right;"><span style="color: #555555;">Title</span></td></tr> <tr><td>Username</td> <td style="text-align: right;"><a style="text-decoration: none;" href="http://username.dreamwidth.org/profile"><span style="color: #555555;">username</span></a></td></tr> <tr><td>Game</td> <td style="text-align: right;"><a style="text-decoration: none;" href="http://username.dreamwidth.org/profile"><span style="color: #555555;">community</span></a></td></tr> <tr><td colspan="2"><center> <a href=""><img src="http://i.imgur.com/pS9fq8p.gif" title="threads"></a> <a href=""><img src="http://i.imgur.com/sNR8K1m.gif" title="ic inbox"></a> <a href=""><img src="http://i.imgur.com/AApa2GN.gif" title="contact/hmd"></a></center></td></tr> </table></td></tr> </table></center></div></td> <td><div style="width: 200px;"><center><img src="IMAGE URL HERE" style="width: 100px; height: 100px; position: relative; top: 40px;"> <table style="width: 100%; box-shadow: 2px 2px 4px #999;"> <tr><td style="height: 25px; background: #fefefe;"></td></tr> <tr> <td style="background: #fefefe; padding: 10px;"><center><span style="font-family: helvetica, sans serif; color: #000000; font-size: 14px; letter-spacing: 0.1em; font-weight: bold; text-transform: uppercase; text-align: center;">Character Name</span> <table style="width: 100%; font-family: tahoma; font-size: 10px; color: #111111; text-transform: uppercase;"> <tr> <td colspan="2" style="border-bottom: 1px solid #e0e0e0;"><span style="font-family: arial; letter-spacing: 0.2em; font-weight: bold; text-align: right;">INFORMATION</span></td> </tr> <tr><td>Canon</td> <td style="text-align: right;"><span style="color: #555555;">Title</span></td></tr> <tr><td>Username</td> <td style="text-align: right;"><a style="text-decoration: none;" href="http://username.dreamwidth.org/profile"><span style="color: #555555;">username</span></a></td></tr> <tr><td>Game</td> <td style="text-align: right;"><a style="text-decoration: none;" href="http://username.dreamwidth.org/profile"><span style="color: #555555;">community</span></a></td></tr> <tr><td colspan="2"><center> <a href=""><img src="http://i.imgur.com/pS9fq8p.gif" title="threads"></a> <a href=""><img src="http://i.imgur.com/sNR8K1m.gif" title="ic inbox"></a> <a href=""><img src="http://i.imgur.com/AApa2GN.gif" title="contact/hmd"></a></center></td></tr> </table></td></tr> </table></center></div></td> <td><div style="width: 200px;"><center><img src="IMAGE URL HERE" style="width: 100px; height: 100px; position: relative; top: 40px;"> <table style="width: 100%; box-shadow: 2px 2px 4px #999;"> <tr><td style="height: 25px; background: #fefefe;"></td></tr> <tr> <td style="background: #fefefe; padding: 10px;"><center><span style="font-family: helvetica, sans serif; color: #000000; font-size: 14px; letter-spacing: 0.1em; font-weight: bold; text-transform: uppercase; text-align: center;">Character Name</span> <table style="width: 100%; font-family: tahoma; font-size: 10px; color: #111111; text-transform: uppercase;"> <tr> <td colspan="2" style="border-bottom: 1px solid #e0e0e0;"><span style="font-family: arial; letter-spacing: 0.2em; font-weight: bold; text-align: right;">INFORMATION</span></td> </tr> <tr><td>Canon</td> <td style="text-align: right;"><span style="color: #555555;">Title</span></td></tr> <tr><td>Username</td> <td style="text-align: right;"><a style="text-decoration: none;" href="http://username.dreamwidth.org/profile"><span style="color: #555555;">username</span></a></td></tr> <tr><td>Game</td> <td style="text-align: right;"><a style="text-decoration: none;" href="http://username.dreamwidth.org/profile"><span style="color: #555555;">community</span></a></td></tr> <tr><td colspan="2"><center> <a href=""><img src="http://i.imgur.com/pS9fq8p.gif" title="threads"></a> <a href=""><img src="http://i.imgur.com/sNR8K1m.gif" title="ic inbox"></a> <a href=""><img src="http://i.imgur.com/AApa2GN.gif" title="contact/hmd"></a></center></td></tr> </table></td></tr> </table></center></div></td> </tr> </table> <small>code by <user name="cawaii"></small></center>

Comments

[asuna]

this looks great!

[ai]

i love this code. thanks for sharing!

[wintershepherd]

Holy crap, that's gorgeous!!

[blood]

I love the simplicity of those. Good job.

[fanfictionming]

Thank you for sharing this code!