Tessisamess

Information

Hey guys! It seemed like a no brainer to make a cast list to match the CR chart, so here we have it haha. If you love this design and want more, you can find a matching biography code on my Patreon for ten bucks, which also gets you all other codes I've posted in that tier! Enjoy! 💖

The Coding

<lj-raw><div style="width:940px;margin:0 auto;display:flex;flex-wrap:wrap;font-family:arial black;font-size:10px;color:#BD5EE5;line-height:1.7;text-align:center;"> <!--CHARACTER--> <div style="width:calc(33.3% - 40px);margin:20px;"> <!--IMG--> <div style="background:#BD5EE5 url(IMG_URL)center;background-size:cover;box-sizing:border-box;height:170px;border:10px solid #FF69B4;box-shadow:1px 1px 0 0 #5EE5C9,2px 2px 0 0 #5EE5C9,3px 3px 0 0 #5EE5C9;margin:0 0 -35px 0;"></div> <!--NAME--> <a href="JOURNAL_URL" style="text-transform:lowercase;font-size:32px;letter-spacing:-2px;color:#5EE5C9;text-shadow:1px 1px 0 #BD5EE5,2px 2px 0 #BD5EE5,3px 3px 0 #BD5EE5;transform:rotate(-4deg);display:block;text-decoration:none;"> NAMEHERE </a> <!--INFO--> <span style="text-transform:uppercase;"> Info | Info | Info </span> </div> <!--CHARACTER--> <div style="width:calc(33.3% - 40px);margin:20px;"> <!--IMG--> <div style="background:#BD5EE5 url(IMG_URL)center;background-size:cover;box-sizing:border-box;height:170px;border:10px solid #FF69B4;box-shadow:1px 1px 0 0 #5EE5C9,2px 2px 0 0 #5EE5C9,3px 3px 0 0 #5EE5C9;margin:0 0 -35px 0;"></div> <!--NAME--> <a href="JOURNAL_URL" style="text-transform:lowercase;font-size:32px;letter-spacing:-2px;color:#5EE5C9;text-shadow:1px 1px 0 #BD5EE5,2px 2px 0 #BD5EE5,3px 3px 0 #BD5EE5;transform:rotate(-4deg);display:block;text-decoration:none;"> NAMEHERE </a> <!--INFO--> <span style="text-transform:uppercase;"> Info | Info | Info </span> </div> <!--CHARACTER--> <div style="width:calc(33.3% - 40px);margin:20px;"> <!--IMG--> <div style="background:#BD5EE5 url(IMG_URL)center;background-size:cover;box-sizing:border-box;height:170px;border:10px solid #FF69B4;box-shadow:1px 1px 0 0 #5EE5C9,2px 2px 0 0 #5EE5C9,3px 3px 0 0 #5EE5C9;margin:0 0 -35px 0;"></div> <!--NAME--> <a href="JOURNAL_URL" style="text-transform:lowercase;font-size:32px;letter-spacing:-2px;color:#5EE5C9;text-shadow:1px 1px 0 #BD5EE5,2px 2px 0 #BD5EE5,3px 3px 0 #BD5EE5;transform:rotate(-4deg);display:block;text-decoration:none;"> NAMEHERE </a> <!--INFO--> <span style="text-transform:uppercase;"> Info | Info | Info </span> </div> <a href="http://tessisamess.insanejournal.com/" style="width:100%;margin:10px 0 0 0;font-size:8px;letter-spacing:5px;color:#bbb;text-decoration:none;">CODING BY</a></div></lj-raw>

Installation Guide

Paste into an entry and fill in the following!

IMG_URL - Character image
JOURNAL_URL - Name link

Editing Guide

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

FONTS

arial black - All text

COLORS

#5EE5C9

Title color and image shadow

#FF69B4

Image border

#BD5EE5

Title shadow and info text

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!