Entry tags:

layouts: storyline

Storyline Table
I have a couple of things I've needed/wanted to post here for a while, so pardon me spamming your friends pages. I created this storyline table for a character, and just a week later I decided I needed something different. I like it, though, so I decided to share it. Click the thumbnail for a full-size preview.

+ Mods are a-ok. Feel free to change colors or fonts however you want to.
+ Credit isn't necessary. It's simple HTML. I'd love comments, though, just to know if you're using it.
+ Let me know if you have problems adding sections/expanding it, and I'll try to help out if I can.


<table align="center" style="width: 650px; background: #FFFFFF;" cellspacing="5" cellpadding="3"> <tr><td style="width: 125px; vertical-align: middle; background: #EEEEEE; border-right: 3px solid #297a00;"><div align="center"><img src="http://i41.photobucket.com/albums/e265/enigmaleasicons/Cote%20de%20Pablo/017.png"></div></td> <td style="width: 425px; vertical-align: top; background: #FFFFFF; border-bottom: 3px solid #CCCCCC; color: #333333; font-family: Trebuchet MS, Verdana, sans-serif; font-size: 10pt; text-align: justify;"><div style="font-family: century gothic; font-size: 10pt;"><big><b><i>Storyline Title</i></b></big> [<lj user="user">, <lj user="user">]</div> <small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lacinia consectetur sapien, sed euismod justo placerat nec. Nulla vulputate tempor risus, a iaculis velit bibendum nec. Aliquam et sapien justo, sed sodales tellus. In lacus ipsum, luctus commodo hendrerit quis, vehicula fringilla magna. Praesent pharetra aliquet arcu, ac bibendum nulla mollis sit amet. Cras sed nulla libero. Vestibulum neque tellus, scelerisque sit amet fringilla nec, pretium id orci. Nulla ornare est eu arcu porttitor id condimentum urna fringilla. Mauris rutrum fringilla odio eu aliquet. Sed at consequat ligula. Ut eu velit non tortor aliquam condimentum. Cras aliquam tortor non nibh fermentum a dictum sapien blandit. Phasellus tempor lectus quis tortor commodo auctor. Donec luctus velit ac risus blandit convallis.</small></td></tr> <tr><td style="width: 125px; vertical-align: middle; background: #EEEEEE; border-right: 3px solid #297a00;"><div align="center"><img src="http://i41.photobucket.com/albums/e265/enigmaleasicons/Wakeema%20Hollis/004.png"></div></td> <td style="width: 425px; vertical-align: top; background: #FFFFFF; border-bottom: 3px solid #CCCCCC; color: #333333; font-family: Trebuchet MS, Verdana, sans-serif; font-size: 10pt; text-align: justify;"><div style="font-family: century gothic; font-size: 10pt;"><big><b><i>Storyline Title</i></b></big> [<lj user="user">, <lj user="user">]</div> <small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lacinia consectetur sapien, sed euismod justo placerat nec. Nulla vulputate tempor risus, a iaculis velit bibendum nec. Aliquam et sapien justo, sed sodales tellus. In lacus ipsum, luctus commodo hendrerit quis, vehicula fringilla magna. Praesent pharetra aliquet arcu, ac bibendum nulla mollis sit amet. Cras sed nulla libero. Vestibulum neque tellus, scelerisque sit amet fringilla nec, pretium id orci. Nulla ornare est eu arcu porttitor id condimentum urna fringilla. Mauris rutrum fringilla odio eu aliquet. Sed at consequat ligula. Ut eu velit non tortor aliquam condimentum. Cras aliquam tortor non nibh fermentum a dictum sapien blandit. Phasellus tempor lectus quis tortor commodo auctor. Donec luctus velit ac risus blandit convallis.</small></td></tr> <tr><td style="width: 125px; vertical-align: middle; background: #EEEEEE; border-right: 3px solid #297a00;"><div align="center"><img src="http://i41.photobucket.com/albums/e265/enigmaleasicons/Ryan%20Lochte/014.png"></div></td> <td style="width: 425px; vertical-align: top; background: #FFFFFF; border-bottom: 3px solid #CCCCCC; color: #333333; font-family: Trebuchet MS, Verdana, sans-serif; font-size: 10pt; text-align: justify;"><div style="font-family: century gothic; font-size: 10pt;"><big><b><i>Storyline Title</i></b></big> [<lj user="user">, <lj user="user">]</div> <small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lacinia consectetur sapien, sed euismod justo placerat nec. Nulla vulputate tempor risus, a iaculis velit bibendum nec. Aliquam et sapien justo, sed sodales tellus. In lacus ipsum, luctus commodo hendrerit quis, vehicula fringilla magna. Praesent pharetra aliquet arcu, ac bibendum nulla mollis sit amet. Cras sed nulla libero. Vestibulum neque tellus, scelerisque sit amet fringilla nec, pretium id orci. Nulla ornare est eu arcu porttitor id condimentum urna fringilla. Mauris rutrum fringilla odio eu aliquet. Sed at consequat ligula. Ut eu velit non tortor aliquam condimentum. Cras aliquam tortor non nibh fermentum a dictum sapien blandit. Phasellus tempor lectus quis tortor commodo auctor. Donec luctus velit ac risus blandit convallis.</small></td></tr> <tr><td style="width: 125px; vertical-align: middle; background: #EEEEEE; border-right: 3px solid #297a00;"><div align="center"></div></td> <td style="width: 425px; vertical-align: top; background: #FFFFFF; border-bottom: 3px solid #CCCCCC; color: #333333; font-family: Trebuchet MS, Verdana, sans-serif; font-size: 10pt; text-align: justify;"><div style="font-family: century gothic; font-size: 10pt;"><big><b><i>Storyline w/o Description</i></b></big></div> <lj user="user1">, <lj user="user2">, <lj user="user3">, <lj user="user4">, <lj user="user5"></td></tr> </table>