Tessisamess

Information

Hey guys! I don't do whole a lot of CR charts, so I thought a new one would be fun! This one's different from my other ones in the respect that it allows for details on the nature of your relationship with this character based on common and opposing traits. Honestly, I think this would make a really cute character roster too—or even a bio, if you wanted to use each relationship block for a section header and replace the written fields with your own info! Enjoy, and lmk if you want a bio to match this style! ♥

The Coding

<lj-raw><div style="margin:0 auto;max-width:650px;font-family:century gothic,helvetica,sans-serif;font-size:11px;line-height:1.3;color:#111;"> <div style="display:flex;align-items:flex-end;margin:0 0 45px 0;"> <img src="ICON_URL" style="width:70px;height:70px;padding:5px;background:#fff;border:5px solid #B7ECE7;border-radius:100% 100% 0;position:relative;margin:0 10px 0 0;"> <div style="width:calc(100% - 100px);"> <h4 style="background:linear-gradient(to right, #9CD2CC, transparent);font-weight:normal;color:#fff;font-size:20px;margin:0 0 5px -25px;padding:0 0 1px 25px;"><b>name</b> here</h4> <b style="font-size:10px;letter-spacing:2px;text-transform:uppercase;">STATUS</b> relationship_type<br> <b style="font-size:10px;letter-spacing:2px;text-transform:uppercase;">COMMON TRAITS</b> complementary_traits<br> <b style="font-size:10px;letter-spacing:2px;text-transform:uppercase;">CONFLICTS</b> opposing_traits </div> </div> <a href="http://tessisamess.insanejournal.com/" style="display:block;text-align:right;margin:30px 0 0 0;padding:10px 0 0 0;border-top:1px solid #ddd;font-size:10px;color:#999;text-decoration:none;">CODE BY</a></div></lj-raw>

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,helvetica,sans-serif - Overall font

COLORS

#fff

Name header text; icon background

#B7ECE7

Icon border

#9CD2CC

Name header background gradient

#111

Text color

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!