InsaneJournal

1. Don't hotlink.


2. Credit's nice so that other people can find these, but I'm not going to hunt you down and make you credit me if you don't. Besides, let's be frank: it's basic HTML and crediting just adds a step most people don't want to bother with.


3. Commenting's cool, too, but it's optional.


4. Wanna modify? Knock yourself out, that's what it's here for.

<table align="center" cellspacing="10"><tr><td><center><font size="4" face="georgia" color="#5E341C">S T O R Y L I N E S</font></center></td></tr> <tr><td><table width="550" align="center" bgcolor="#5E341C"><tr> <td><table cellspacing="5"><tr><td bgcolor="#866755" width="115" height="115" valign="center"><center><img src="http://i26.photobucket.com/albums/c145/vampirefangirl/icons/rose%20mcgowan/rose22.png"></center></td></tr><tr><td bgcolor="#866755" valign="center" height="20"><center><font size="1" face="verdana" color="#C8BAB2">OPEN TO FEMALE</font></center></td></tr></table></td> <td width="415" valign="top"><table width="100%" cellspacing="5" cellpadding="3"><tr><td><font size="1" face="verdana" color="#B09C90"><b><div style="text-align:right">QUICK DESCRIPTION OF LINE</div></b></font></td></tr><tr><td><font size="1" face="verdana" color="#C8BAB2"><div align="justify">This is a story all about how my life got twist turned upside down...</div></font></td></tr></table></td></tr></table></td></tr> <tr><td><table width="550" align="center" bgcolor="#5E341C"><tr> <td><table cellspacing="5"><tr><td bgcolor="#866755" width="115" height="115"><center><img src="http://i26.photobucket.com/albums/c145/vampirefangirl/icons/rose%20mcgowan/rose22.png"></center></td></tr><tr><td bgcolor="#866755" valign="center" height="20"><center><a href="http://www.insanejournal.com/userinfo.bml?user=username" style="text-decoration: none"><font size="1" face="verdana" color="#C8BAB2">USERNAME</font></a></center></td></tr></table></td> <td width="415" valign="top" style="background-image: url(http://i635.photobucket.com/albums/uu73/roleplaytutorials/2oudubpyx18m779cyi2i.jpg); background-repeat: no-repeat; background-position: right top;"><table width="100%" cellspacing="5" cellpadding="3"><tr><td><font size="1" face="verdana" color="#B09C90"><b><div style="text-align:right">QUICK DESCRIPTION OF LINE</div></b></font></td></tr><tr><td><font size="1" face="verdana" color="#C8BAB2"><div align="justify">This is a story all about how my life got twist turned upside down...</div></font></td></tr></table></td></tr></table> </td></tr></table>

Storylines! The first is an open story line. The second is a closed storyline (the username is linked to the character's journal). I was actually going to write up a tutorial about how to do the background image on the second, but it's been so long since I learned that I've totally forgotten. If someone else wants to do it, though, that would be pretty badass. Also, since it's made of tables, if you copy and paste table around the icon in the same TD as the first icon, you can have two in one. Icon as usual from instaemo.

Have you used it? Link it in the comments below, and I might add a linked image here. Eventually.