Tessisamess

Information

Hey guys! I got a request for a code like this back during one of my more recent check-ins, and it's finally here! Let me know if you're interested in more scene formats like this and I'd be happy to make more! This thread setting template comes with setting aesthetics, a written description, and a starter area, as well as an alternate option featuring a cast list for the scene. ♥ Enjoy!

If you need a more in-depth code similar to this, fugu has a rad one here!


Duis neque purus, mollis in elit in, consequat rutrum libero. Pellentesque aliquet lorem ipsum, sed suscipit nibh pulvinar quis. Vivamus gravida felis et lorem molestie vulputate. Etiam et nisl et arcu auctor suscipit. Sed facilisis faucibus elementum. Donec bibendum egestas mauris et consequat. Proin nec mi pharetra, mollis tortor eget, commodo augue. Suspendisse potenti. Aliquam sed vehicula nunc. Nam non est nec massa venenatis vulputate. Duis orci leo, euismod non purus quis, laoreet efficitur arcu. Quisque feugiat, quam sollicitudin laoreet luctus, sem quam placerat turpis, tincidunt tempor lectus enim ut nisl. Ut rutrum, odio nec aliquet sodales, lorem eros venenatis lacus, id faucibus diam ante in neque. Aliquam cursus justo eu accumsan suscipit.

Ut in venenatis eros. Aliquam erat volutpat. Nulla consequat est id feugiat vestibulum. Vivamus et ante id turpis sollicitudin tempus sit amet vitae augue. Donec gravida blandit dapibus. Nullam fermentum, enim at faucibus ullamcorper, quam eros tempor dolor, a bibendum dui enim sit amet arcu. Sed ut augue a justo tempus tempus id vitae mauris. Vivamus in ipsum augue. Donec massa nibh, dapibus vitae pharetra eget, commodo sed tortor. Vestibulum dapibus luctus libero, id tincidunt augue interdum a.

Sed id massa sit amet odio molestie molestie. Pellentesque volutpat eleifend sem sed suscipit. Vestibulum a lorem ut mi rhoncus facilisis sit amet quis neque. Etiam fermentum id nisi quis accumsan. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut hendrerit porta tincidunt. Nunc neque urna, iaculis sed vehicula et, imperdiet quis ligula. Maecenas dictum hendrerit vehicula. © tessisamess

Coding: Thread Setting

<lj-raw><div style="max-width:750px;margin:0 auto;font-family:century gothic,sans-serif;font-size:13px;text-align:justify;line-height:1.7;"> <!---AESTHETICS---> <div style="background:#ddd url(IMG1)center;background-size:cover;grid-area:one;"></div> <div style="background:#ddd url(IMG2)center;background-size:cover;grid-area:two;"></div> <div style="background:#ddd url(IMG3)center;background-size:cover;grid-area:three;"></div> <div style="background:#ddd url(IMG4)center;background-size:cover;grid-area:four;"></div> <div style="background:#ddd url(IMG5)center;background-size:cover;grid-area:five;"></div> </div> <!---LOCATION INFO---> <div style="padding:20px;border:1px solid rgba(0,0,0,0.2);background:rgba(255,255,255,0.2);margin:25px 0;text-align:center;"> <h4 style="margin:0 0 10px 0;line-height:1;font-size:20px;color:#9483A1;">Location</h4> SUMMARY_INFO </div> <!---STARTER---> STARTER_CONTENT <a href="http://tessisamess.insanejournal.com/" style="display:block;margin:25px 0 0 0;text-align:right;color:#aaa;text-decoration:none;text-transform:uppercase;letter-spacing:2px;font-size:9px;">© tessisamess</a> </div></lj-raw>

Duis neque purus, mollis in elit in, consequat rutrum libero. Pellentesque aliquet lorem ipsum, sed suscipit nibh pulvinar quis. Vivamus gravida felis et lorem molestie vulputate. Etiam et nisl et arcu auctor suscipit. Sed facilisis faucibus elementum. Donec bibendum egestas mauris et consequat. Proin nec mi pharetra, mollis tortor eget, commodo augue. Suspendisse potenti. Aliquam sed vehicula nunc. Nam non est nec massa venenatis vulputate. Duis orci leo, euismod non purus quis, laoreet efficitur arcu. Quisque feugiat, quam sollicitudin laoreet luctus, sem quam placerat turpis, tincidunt tempor lectus enim ut nisl. Ut rutrum, odio nec aliquet sodales, lorem eros venenatis lacus, id faucibus diam ante in neque. Aliquam cursus justo eu accumsan suscipit.

Ut in venenatis eros. Aliquam erat volutpat. Nulla consequat est id feugiat vestibulum. Vivamus et ante id turpis sollicitudin tempus sit amet vitae augue. Donec gravida blandit dapibus. Nullam fermentum, enim at faucibus ullamcorper, quam eros tempor dolor, a bibendum dui enim sit amet arcu. Sed ut augue a justo tempus tempus id vitae mauris. Vivamus in ipsum augue. Donec massa nibh, dapibus vitae pharetra eget, commodo sed tortor. Vestibulum dapibus luctus libero, id tincidunt augue interdum a.

Sed id massa sit amet odio molestie molestie. Pellentesque volutpat eleifend sem sed suscipit. Vestibulum a lorem ut mi rhoncus facilisis sit amet quis neque. Etiam fermentum id nisi quis accumsan. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut hendrerit porta tincidunt. Nunc neque urna, iaculis sed vehicula et, imperdiet quis ligula. Maecenas dictum hendrerit vehicula. © tessisamess

Coding: Thread Setting w/ Cast

<lj-raw><div style="max-width:750px;margin:0 auto;font-family:century gothic,sans-serif;font-size:13px;text-align:justify;line-height:1.7;"> <!---AESTHETICS---> <div style="background:#ddd url(IMG1)center;background-size:cover;grid-area:one;"></div> <div style="background:#ddd url(IMG2)center;background-size:cover;grid-area:two;"></div> <div style="background:#ddd url(IMG3)center;background-size:cover;grid-area:three;"></div> <div style="background:#ddd url(IMG4)center;background-size:cover;grid-area:four;"></div> <div style="background:#ddd url(IMG5)center;background-size:cover;grid-area:five;"></div> </div> <!---SCENE INFO---> <div style="display:flex;margin:25px 0;"> <!---CHARACTERS---> <div style="width:35%;margin:0 20px 0 0;padding:20px;border:1px solid rgba(0,0,0,0.2);background:rgba(255,255,255,0.2);box-sizing:border-box;"> <h4 style="margin:0 0 10px 0;line-height:1;font-size:20px;color:#9483A1;">Characters</h4> <div style="display:flex;align-items:center;line-height:1.2;"> <img src="ICONURL" style="width:45px;height:45px;border-radius:100%;background:#ddd;margin:0 10px 0 0;"> <div> <b>Name Here</b><br> Role or tagging order </div> </div><br> <div style="display:flex;align-items:center;line-height:1.2;"> <img src="ICONURL" style="width:45px;height:45px;border-radius:100%;background:#ddd;margin:0 10px 0 0;"> <div> <b>Name Here</b><br> Role or tagging order </div> </div><br> <div style="display:flex;align-items:center;line-height:1.2;"> <img src="ICONURL" style="width:45px;height:45px;border-radius:100%;background:#ddd;margin:0 10px 0 0;"> <div> <b>Name Here</b><br> Role or tagging order </div> </div> </div> <!---LOCATION INFO---> <div style="width:65%;padding:20px;border:1px solid rgba(0,0,0,0.2);background:rgba(255,255,255,0.2);box-sizing:border-box;"> <h4 style="margin:0 0 10px 0;line-height:1;font-size:20px;color:#9483A1;">Location</h4> SUMMARY_INFO </div> </div> <!---STARTER---> STARTER_CONTENT <a href="http://tessisamess.insanejournal.com/" style="display:block;margin:25px 0 0 0;text-align:right;color:#aaa;text-decoration:none;text-transform:uppercase;letter-spacing:2px;font-size:9px;">© tessisamess</a> </div></lj-raw>

Installation Guide

Paste into an entry and fill in the following!

IMG1 through IMG5 - Aesthetics board
ICONURL - Character icons (w/ Cast only)

Editing Guide

Paste the coding into Notepad or similar and bring up Replace All (usually Ctrl+H) to replace values quickly and easily!

FONTS

century gothic,sans-serif - Overall font

DIMENSIONS

750px - Container width
500px - Aesthetics height
35% - Characters container width (w/ Cast only)
45px - Icon size (w/ Cast only)
65% - Location container width (w/ Cast only)

COLORS

rgba(255,255,255,0.2)

Info box background

#9483A1

Titles

rgba(0,0,0,0.2)

Borders

Terms of Use

♡ Do not remove credit.
♡ Do not redistribute my codes in part or in whole (posting a copy for players to use in your game is fine with a link to original post.)
♡ If you break something during editing, please feel free to drop me a comment and I'll help as best I can!
♡ I love seeing edits! This isn't a rule, but if you have a cool edit of one of my codes I'd love to see it!