InsaneJournal

Tweak says, "Two bros chillin in a hot tub"

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

(Read comments) - (Post a new comment)

	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)

(Read comments) -