Tessisamess

Information

Hey guys! Let's do a fun little '80s/'90s vibe contact code I've had sitting on my desktop for 84 years; I keep meaning to post it and keep forgetting LOL, so we're gonna get it done before it slips my mind again. I don't really recommend resizing this one unless you're comfortable editing codes; using it as-is, it will hold four lines of text and the width of the speech bubble will adjust to fit your text; the height of the bubble is where it gets a little more annoying, so just be aware of that! (The icon is completely safe to resize without a hassle.) Enjoy! 💖

The Coding

<lj-raw><div style="display:flex;justify-content:center;font-family:calibri,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:1px;line-height:1.5;color:#111;"> <!--SPEECH BUBBLE--> <div style="height:100px;padding:2px 0 0 3px;"> <!--BUBBLE BORDER--> <div style="height:calc(100px + 5.5px);width:calc(100% + 4px);background:#D43CBD;clip-path:polygon(0% 0%,100% 0%,100% 75%,75% 75%,75% 100%,57% 75%,0% 75%);"></div> <!--BUBBLE CONTENT--> <div style="height:100%;width:100%;margin:-104.5px 0 0 1px;display:flex;align-items:center;background:#fff;clip-path:polygon(0% 0%,100% 0%,100% 75%,75% 75%,75% 100%,57% 75%,0% 75%);box-sizing:border-box;padding:8px 8px 34px 8px;"><div> <b style="background:#692C8E;color:#fff;padding:0 2px 0 3px;">NAME</b> Player<br> <b style="background:#692C8E;color:#fff;padding:0 2px 0 3px;">TIMEZONE</b> ABC<br> <b style="background:#692C8E;color:#fff;padding:0 2px 0 3px;">DISCORD</b> username#1234<br> </div></div> <a href="https://tessisamess.insanejournal.com/147599.html" style="display:block;margin:-20px 0 0 0;font-size:7px;color:#aaa;text-decoration:none;">code</a> </div> <!--ICON--> <img src="ICON_URL" style="width:85px;background:#21FBFB;padding:5px;box-shadow:2px 2px 0 0 #692C8E;border-radius:100%;margin:80px 0 0 -15px;box-sizing:content-box;"> </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

calibri,sans-serif - All text
font-size:10px; - All text

COLORS

#fff

Bubble background; bold text

#21FBFB

Icon border

#D43CBD

Bubble border

#692C8E

Bold text background; icon shadow border

#111

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!