InsaneJournal

Tweak says, "i know about your faxes"

lena's character development journal (lena) wrote in rp_tutorials,
@ 2013-10-23 11:30:00

Entry tags:

layouts: storyline

Storyline Code.

<lj-cut text="storylines"><table width=700><tr><td align=justify><img hspace="10" align="left" alt="" src="http://www.insanejournal.com/userpic/24691397/3832145" style="border-radius:100px;" /> CHARACTER NAME + RELATIONSHIP
<div style="padding:10px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>

<img hspace="10" align="left" alt="" src="http://www.insanejournal.com/userpic/26019891/3832145" style="border-radius:100px;" /> CHARACTER NAME + RELATIONSHIP
<div style="padding:10px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>

<img hspace="10" align="left" alt="" src="http://www.insanejournal.com/userpic/24691425/3832145" style="border-radius:100px;" /> CHARACTER NAME + RELATIONSHIP
<div style="padding:10px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>

<img hspace="10" align="left" alt="" src="http://www.insanejournal.com/userpic/24691390/3832145" style="border-radius:100px;" /> CHARACTER NAME + RELATIONSHIP
<div style="padding:10px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>

<img hspace="10" align="left" alt="" src="http://www.insanejournal.com/userpic/24691364/3832145" style="border-radius:100px;" /> CHARACTER NAME + RELATIONSHIP
<div style="padding:10px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></td></tr></table>

CHARACTER NAME + RELATIONSHIP

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

CHARACTER NAME + RELATIONSHIP

(Post a new comment)

	h_e_r_a 2013-10-23 03:14 pm UTC (link)
	celtic_cherokee <--- This is sweet and simple and I love it. Going to use it on this journal. Thanks! <3 (Reply to this) (Thread)

	lena 2013-10-23 03:26 pm UTC (link)
	Thank you for the comment! I'm glad you like it! (Reply to this) (Parent)

	starbuck 2013-10-23 10:53 pm UTC (link)
	Yes. Just yes. (Reply to this) (Thread)

	lena 2013-10-23 10:54 pm UTC (link)
	LOL. Thank you! (Reply to this) (Parent)

	meandmymuses 2013-10-25 10:14 am UTC (link)
	I'm so loving this. (Reply to this) (Thread)

	lena 2013-10-25 12:07 pm UTC (link)
	Thank you! (Reply to this) (Parent)

	backinyourbox 2013-10-28 07:01 pm UTC (link)
	This is great! Its inspired me to finally create a 'best threads' page. Modified for use here: http://backinyourbox.insanejournal.com/22214.html (Reply to this)

	anickname 2014-03-29 03:18 am UTC (link)
	Used at b8g8. It's glrious. (Reply to this) (Thread)

	lena 2014-03-29 04:23 am UTC (link)
	Thank you! I'm glad you like it! (Reply to this) (Parent)

	tayberhecate 2014-09-27 10:58 pm UTC (link)
	Hi hi! Tayber here, from wariscoming. I just wanted to say that I LOVE this, and I'm using a sliiiightly modified version as a character list at my CDJ. :) I love how clean and straightforward it is! Thanks! ♥! (Reply to this) (Thread)

	lena 2014-09-27 11:30 pm UTC (link)
	I love what you've done with it! And xhxhsggish JOHN CRICHTON! I LOVE Farscape. (Reply to this) (Parent) (Thread)

	tayberhecate 2014-09-27 11:36 pm UTC (link)
	:D thanks! ahaha I'm watching it for the first time and the further in I get, the more I want to play him! I'm partway into S3 right now. (Reply to this) (Parent) (Thread)

	lildampeer 2014-09-27 11:38 pm UTC (link)
	Oh goooood prepare the tissues now. 3 is my favorite season but also the one that made me want to scream and throw things the most! I've played John before, but could probably be talked into trying Aeryn out. (Reply to this) (Parent)

	sheldoncooper 2016-01-23 02:22 am UTC (link)
	This is gorgeous and I love it! Currently in the process of implementing it here with some modifications and was wondering if there's any way to make a table and have three separate columns with the coding? (Reply to this) (Thread)

	notyourson 2017-05-10 05:16 pm UTC (link)
	Hey, I see you managed to make it two columns - would you mind sharing how? I need exactly that. :P (Reply to this) (Parent) (Thread)

sheldoncooper
2017-05-11 12:59 am UTC (link)

Not at all!

start of code:

<tr><td width="50%" bgcolor="#20B2AA" align="center" valign="top">MALES</td><td width="50%" bgcolor="#20B2AA" align="center" valign="top">FEMALES</td>
</tr>

<tr><td width=50%" bgcolor="#ffffff" valign="top"><img hspace="10" align="left" alt="" src="https://40.media.tumblr.com/dfa60fb29d051b5c626d6ae49f6024b2/tumblr_inline_o1c2ecHxjG1qbyjgz_540.png" style="border-radius:20px;" /> WEREWOLF + BANDMATES ♮
<div style="padding:5px;">NAME: up to players      AGE: please older than 21      PB: open to any 
 Edward's bandmates who are all werewolves. All registered. They're unlikely friends, and needless to say no one messes with the band. If one of them, or all, doesn't matter, had a Grandfather in WWII that Edward knew that'd be awesome. 
for: <a href="http://wontdonoharm.insanejournal.com/289.html" style="text-decoration:none; color:#000">EDWARD RAMSEY</a> </div>

the break/second column:

<td width="50%" valign="top" bgcolor="#ffffff"><img align="left" style="border-radius: 20px;" alt="" src="https://41.media.tumblr.com/7e7d15c2bb8263f00bc0c60cfbc23b24/tumblr_o1c2z96wBL1qbkl1no2_r1_100.png" style="border-radius:20px;" /> SHIFTER + OLDER SISTER ♮
<div style="padding:5px;">NAME: up to player      AGE: negotiable (older than 38)      PB: Lisa Edelstein (negotiable) 
 Astrid's slightly older sister! Her history is pretty much open other than having moved to Seattle and the two of them losing touch until Astrid lost her husband and moved cross-country. 
for: <a href="http://aspeirs.insanejournal.com/9026.html" style="text-decoration:none; color:#000">ASTRID SPEIRS-COLT</a> </div>

ended that with </tr></table> and then the bottom was just the start of a new table code

(Reply to this) (Parent)