Contact Codes: Pack #1

[tesscodes]

Information

Hey guys! Since this is PSL month, and everything I'm putting on here and on Patreon this month will be great for PSL journals, CDJs (and mod accounts!) I thought I'd do a nice, big contact code dump. The first half is bold and blocky, and the second part will be up shortly; enjoy! ♥

ABOUT ME WANTED LINES CHARACTERS

Coding: Target

<lj-raw><div style="width:500px;margin:0 auto;display:flex;color:#fff;font-family:arial black,gadget,sans-serif;font-size:15px;text-align:center;text-transform:uppercase;"> <div style="width:100px;background:#000;-webkit-clip-path:polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);clip-path:polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);"></div> <div style="width:350px;background:#BF1717;margin:0 -25px;"> <div style="background:#222 url(BG_IMG)center;background-size:cover;height:150px;"></div> <a href="URL" style="display:block;border-bottom:1px solid rgba(0,0,0,0.1);text-decoration:none;color:#fff;padding:5px;">LINK</a> <a href="URL" style="display:block;border-bottom:1px solid rgba(0,0,0,0.1);text-decoration:none;color:#fff;padding:5px;">LINK</a> <a href="URL" style="display:block;border-bottom:1px solid rgba(0,0,0,0.1);text-decoration:none;color:#fff;padding:5px;">LINK</a> </div> <div style="width:100px;background:#000;-webkit-clip-path:polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);clip-path:polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);"></div> </div></lj-raw>

Link One ✘ Link Two ✘ Link Three ✘ Link Four

Coding: Marked

<lj-raw><div style="max-width:600px;margin:0 auto;display:flex;justify-content:center;align-items:center;line-height:1.3;font-size:10px;color:#000;font-family:arial black,gadget,sans-serif;text-transform:uppercase;"> <div style="width:150px;text-align:center;"> <div style="height:150px;background:#000;-webkit-clip-path:polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);clip-path:polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);"></div> <img src="ICON_URL" style="width:70px;margin:-115px 0 0 0;position:relative;border-radius:100%;padding:5px;background:#fff;box-shadow:2px 2px 2px 0 rgba(0,0,0,0.3);"> </div> <div style="background:#BF1717;margin:0 0 0 -140px;padding:10px 10px 10px 120px;"> <a href="URL" style="color:#fff;text-decoration:none;">Link</a> ✘ <a href="URL" style="color:#fff;text-decoration:none;">Link</a> ✘ <a href="URL" style="color:#fff;text-decoration:none;">Link</a> </div> </div></lj-raw>

Installation Guide

Paste into an entry and fill in the following!

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

COLORS

#fff

Link text, icon border in MARKED only, text in TARGET only

#BF1717

Nav background

#000

End caps on TARGET, X background shape in MARKED, text in MARKED only

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!