Tessisamess

Information

Hey guys! Getting this fun, diverse '90s contact code pack up for you guys ASAP because I have a procedure on Monday and I have no idea how I'm going to feel next week haha. I want to do a '90s bio to finish this month off, so fingers crossed I don't end up just feeling too awful to do it. ♥ Enjoy!

(Two of these don't have credit on them; don't worry about it lmao, you can just toss it in the profile or something if it's the only code of mine you're using.)

Exclamation: Coding

<lj-raw><div style="margin:0 auto;display:flex;align-items:flex-end;justify-content:center;"> <div style="width:100px;margin:0 20px 0 0;text-align:center;"> <div style="height:220px;background:#000;margin:0 0 10px 0;clip-path:polygon(0 0, 100% 0, 85% 100%, 15% 100%);"></div> <!---ICON---> <img src="ICON_URL" style="background:#000;padding:7px;width:80%;box-sizing:border-box;border-radius:100%;"> </div> <div style="width:300px;font-family:impact;font-size:50px;text-transform:uppercase;"> <!---LINK---> <a href="URL" style="text-decoration:none;color:#000;background:url(https://i.imgur.com/Rw79gE5.jpg)center;background-size:140px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke-color:#000;-webkit-text-stroke-width:2px;">LINK</a><br> </div> </div></lj-raw>

Exclamation: Editing Guide

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

FONTS

impact - Overall font

IMAGES

https://i.imgur.com/Rw79gE5.jpg - Link pattern

COLORS

#000

Everything lmao (exclamation point, userpic border, text outline)

Call Me: Coding

<lj-raw><div style="width:250px;margin:0 auto;text-align:center;font-family:century gothic;line-height:1;padding:40px 30px;background:linear-gradient(to bottom,#D6FBFE,#D1C1FB);clip-path:polygon(0 4%, 100% 0%, 100% 96%, 0% 100%);"> <div style="clip-path:polygon(0 8%, 100% 0%, 100% 92%, 0% 100%);padding:15px;background:#FF69B4;color:#fff;font-size:25px;"> call me 💋 </div> <div style="padding:23px;border:2px solid #8D65F7;transform:skewX(1.5deg) skewY(1.5deg);margin:-52px 0 10px 0;"></div> <div style="display:flex;justify-content:center;flex-wrap:wrap;font-size:25px;font-weight:bold;-webkit-text-stroke-color:#000;-webkit-text-stroke-width:1px;-webkit-text-fill-color:transparent;"> <a title="Title1" href="URL1" style="background:#99FFFF;width:50px;height:50px;margin:10px;display:flex;justify-content:center;align-items:center;border-right:2px solid #8D65F7;border-bottom:2px solid #8D65F7;text-decoration:none;"> 1 </a> <a title="Title2" href="URL2" style="background:#99FFFF;width:50px;height:50px;margin:10px;display:flex;justify-content:center;align-items:center;border-right:2px solid #8D65F7;border-bottom:2px solid #8D65F7;text-decoration:none;"> 2 </a> <a title="Title3" href="URL3" style="background:#99FFFF;width:50px;height:50px;margin:10px;display:flex;justify-content:center;align-items:center;border-right:2px solid #8D65F7;border-bottom:2px solid #8D65F7;text-decoration:none;"> 3 </a> <a title="Title4" href="URL4" style="background:#99FFFF;width:50px;height:50px;margin:10px;display:flex;justify-content:center;align-items:center;border-right:2px solid #8D65F7;border-bottom:2px solid #8D65F7;text-decoration:none;"> 4 </a> <a title="Title5" href="URL5" style="background:#99FFFF;width:50px;height:50px;margin:10px;display:flex;justify-content:center;align-items:center;border-right:2px solid #8D65F7;border-bottom:2px solid #8D65F7;text-decoration:none;"> 5 </a> <a title="Title6" href="URL6" style="background:#99FFFF;width:50px;height:50px;margin:10px;display:flex;justify-content:center;align-items:center;border-right:2px solid #8D65F7;border-bottom:2px solid #8D65F7;text-decoration:none;"> 6 </a> <a title="Title7" href="URL7" style="background:#99FFFF;width:50px;height:50px;margin:10px;display:flex;justify-content:center;align-items:center;border-right:2px solid #8D65F7;border-bottom:2px solid #8D65F7;text-decoration:none;"> 7 </a> <a title="Title8" href="URL8" style="background:#99FFFF;width:50px;height:50px;margin:10px;display:flex;justify-content:center;align-items:center;border-right:2px solid #8D65F7;border-bottom:2px solid #8D65F7;text-decoration:none;"> 8 </a> <a title="Title9" href="URL9" style="background:#99FFFF;width:50px;height:50px;margin:10px;display:flex;justify-content:center;align-items:center;border-right:2px solid #8D65F7;border-bottom:2px solid #8D65F7;text-decoration:none;"> 9 </a> <a title="Title10" href="URL10" style="background:#99FFFF;width:50px;height:50px;margin:10px;display:flex;justify-content:center;align-items:center;border-right:2px solid #8D65F7;border-bottom:2px solid #8D65F7;text-decoration:none;"> * </a> <a title="Title11" href="URL11" style="background:#99FFFF;width:50px;height:50px;margin:10px;display:flex;justify-content:center;align-items:center;border-right:2px solid #8D65F7;border-bottom:2px solid #8D65F7;text-decoration:none;"> 0 </a> <a title="Code By" href="http://tessisamess.insanejournal.com/" style="background:#99FFFF;width:50px;height:50px;margin:10px;display:flex;justify-content:center;align-items:center;border-right:2px solid #8D65F7;border-bottom:2px solid #8D65F7;text-decoration:none;"> # </a> </div> </div></lj-raw>

Call Me: 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 - Overall font

COLORS

#fff

Title text

#D6FBFE

Top of gradient

#D1C1FB

Bottom of gradient

#99FFFF

Number key background

#FF69B4

Title background

#8D65F7

Title border; number key border

#000

Text outline

Whatever 4ever: Coding

<lj-raw><div style="margin:0 auto;display:flex;align-items:center;justify-content:center;font-family:impact;font-size:35px;text-transform:uppercase;color:#FF99FF;line-height:1.1;"> <div style="margin:0 10px;"> <div style="background:#FF99FF;width:110px;height:120px;clip-path:polygon(0 0, 100% 8%, 100% 100%, 0 92%);"></div> <div style="background:#8D65F7;padding:5px;clip-path:polygon(0 8%, 100% 0%, 100% 92%, 0% 100%);position:relative;margin:-115px 0 0 0;"> <!---ICON---> <img src="ICON_URL" style="width:100px;clip-path:polygon(0 8%, 100% 0%, 100% 92%, 0% 100%);"> </div> </div> <div style="-webkit-text-stroke-color:#000;-webkit-text-stroke-width:1px;"> <!---TITLE---> <div style="font-size:68px;margin:0 10px;color:#99FFFF;-webkit-text-fill-color:#99FFFF;-webkit-text-stroke-color:#8D65F7;-webkit-text-stroke-width:1.5px;text-shadow:1px 1px 0 #8D65F7, 2px 2px 0 #8D65F7, 3px 3px 0 #8D65F7, 4px 4px 0 #FF99FF, 5px 5px 0 #FF99FF, 6px 6px 0 #FF99FF;"> TITLE_HERE </div> <!---LINK---> <a href="URL1" style="text-decoration:none;color:#000;background:url(https://i.imgur.com/dwwnJWi.gif)center;background-size:cover;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 10px;">LINK1</a> ! <!---LINK---> <a href="URL2" style="text-decoration:none;color:#000;background:url(https://i.imgur.com/dwwnJWi.gif)center;background-size:cover;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 10px;">LINK2</a> ! <!---LINK---> <a href="URL3" style="text-decoration:none;color:#000;background:url(https://i.imgur.com/dwwnJWi.gif)center;background-size:cover;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 10px;">LINK3</a> </div> </div></lj-raw>

Whatever 4ever: Editing Guide

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

FONTS

impact - Overall font

IMAGES

https://i.imgur.com/dwwnJWi.gif - Link gif

COLORS

#99FFFF

Title text

#FF99FF

Image back border, title bottom text shadow, nav text

#8D65F7

Image front border, title top text shadow

#000

Nav text outline

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!