InsaneJournal

Because userinfo codes ARE HARD TO MAKE PRETTY. This killed me because I've been trying to get past the "don't use tables for layout" rule and now I just had to break all those damn rules. I made this for myself and wasn't gonna share it because the top portion can be highly variable depending on the gif used and the quote used, but I provided some instructions below that might help. :)

If you'd like to change the colors, find/replace the following:

#FFF #2B2B2B #474747 #EEE #0E758A

TEMPLATE →
<lj-raw><table align="center" cellpadding="2" bgcolor="#474747"><tr><td> <table width="500" height="180" background="BACKGROUNDGIF" cellpadding="2" cellspacing="0"><tr height="120"><td></td></tr> <tr><td bgcolor="#EEE" align="center"><font face="arial" size="1">quote quote,<br> <font color="#0E758A">QUOTE.</font> <br><i>— source</i></font></td></tr> <tr><td height="" valign="top" align="right"><font face="georgia" size="5" color="#FFF"><i>character name • codename</i></font></td></tr> </table> </td></tr> <tr><td> <table width="100%" cellpadding="5" cellspacing="5"> <tr> <td rowspan="2" bgcolor="#EEE" width="50"><img src="USERPIC" height="50" align="center" border="2"> <td width="125" bgcolor="#0E758A"><center><a href="PROFILELINK"><font face="arial" font size="1" color="#FFF">CHARACTER PROFILE</font></a></center></td> <td width="125" bgcolor="#0E758A"><center><a href="http://www.insanejournal.com/allpics.bml?user=USERNAME"><font face="arial" font size="1" color="#FFF">USERPICS</font></a></center></td> <td width="125" bgcolor="#0E758A"><center><a href="CONTACTLINK"><font face="arial" font size="1" color="#FFF">OOC CONTACT</font></a></center></td></tr> <tr> <td bgcolor="#0E758A"><center><a href="LINK1"><font face="arial" font size="1" color="#FFF">LINK1</font></a></center></td> <td bgcolor="#0E758A"><center><a href="LINK2"><font face="arial" font size="1" color="#FFF">LINK2</font></a></center></td> <td bgcolor="#0E758A"><center><a href="LINK3"><font face="arial" font size="1" color="#FFF">LINK3</font></a></center></td></tr> </table> </td></tr> <tr><td bgcolor="#2b2b2b"> <center><font face="arial" size="1" color="#FFF">RELEVANT INFO • LIKE OCCUPATION, TEAM, ETC. @ <a href="http://GAMELINK.insanejournal.com"><font color="#EEE">GAME NAME</a></font></center> </td></tr> </table> <center><font face="arial" size="1" color="#474747">code by wearestardust @ <a href="http://supersuits.insanejournal.com/profile"><font color="#888">supersuits</font></a> </lj-raw>

instructions→
1. Copy/paste the code into your entry.

2. Use a gif or image at least 500 pixels wide for BACKGROUNDGIF. IMPORTANT: You may have to finagle with some things like the height of this section (and the height of the tr tags that layer over it) depending on the size of your gif to avoid the image repeating, or mess with the layout a little to get things placed nicely depending on the size of the quote and how visible that white text is over the gif. For examples of this in use, see: wolfyprince, oversensed, singlehandedly, shieldsniper to give you an idea of slight variations depending on the size of the gif in use and the quote.

3. Replace USERPIC with the URL of a userpic of your choice.

4. Fill it in! I left three blank links to be used for anything you prefer - I use it for my tags in thread and network comms, as well as a link to the game. (See variations above for live examples, again)

5. Enjoy :)

Please keep the credit code at the bottom of the template so that people can find their way back to supersuits if they want to use it. Thank you!

♥ kait