Tessisamess

Information

Hey guys! My contact code tag is woefully underpopulated, so let's get another one in there. A huge thank you to Irish for letting me use a gorgeous header graphic design of hers to design this code around. Enjoy! 💖

The Coding

<lj-raw><div style="width:550px;height:200px;margin:0 auto 0 auto;font-family:georgia,serif;text-align:right;letter-spacing:2px;line-height:1;text-transform:lowercase;color:#111;text-shadow:1px 1px 1px rgba(0,0,0,0.3);"> <!--LARGE IMAGE--> <div style="background:#eee url(LG_IMG);background-size:cover;border:10px solid #fefefe;float:left;width:200px;height:200px;margin:calc((200px / 4) * -0.9) 0 0 25px;border-radius:100%;box-shadow:0 0 0 1px rgba(0,0,0,0.1),1px 1px 3px rgba(0,0,0,0.1);box-sizing:border-box;position:relative;"></div> <!--SMALL IMAGE--> <div style="background:#eee url(SM_IMG);background-size:cover;border:10px solid #fefefe;float:left;width:150px;height:150px;margin:20px 0 0 calc((200px / 3.5) * -1);border-radius:100%;box-shadow:0 0 0 1px rgba(0,0,0,0.1),2px 2px 4px rgba(0,0,0,0.15);box-sizing:border-box;position:relative;"></div> <!--TEXT CONTAINER--> <div style="background:#E0E0E0;height:120px;margin:calc(200px / 4) 0 0 0;outline:3px solid #fff;outline-offset:-13px;padding:30px;box-sizing:border-box;width:100%;"><div style="height:100%;display:flex;align-items:flex-end;justify-content:center;flex-direction:column;"> <!--TOP TITLE--> <div style="font-size:10px;text-align:left;width:100%;">SM_TITLE</div> <!--BOTTOM TITLE--> <b style="font-size:20px;color:#000;letter-spacing:0;text-transform:uppercase;">LG_TITLE</b> <!--LINKS--> <div style="font-size:9px;"> <a href="" style="color:#111;text-decoration:none;">Link1</a> • <a href="" style="color:#111;text-decoration:none;">Link2</a> • <a href="" style="color:#111;text-decoration:none;">Link3</a> </div> </div></div> <div style="margin:3px 0 0 0;text-align:right;"><a href="https://tessisamess.insanejournal.com/145411.html" style="font-size:7px;text-transform:uppercase;color:#aaa;text-decoration:none;">CODE</a></div></div></lj-raw>

Installation Guide

Paste into an entry and fill in the following!

LG_IMG - First image
SM_IMG - Second image

Editing Guide

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

FONTS

georgia,serif - All text
font-size:10px; - Small title text
font-size:20px; - Large title text
font-size:9px; - Links text

DIMENSIONS

550px - Container width
200px - Container height
150px - Smaller image (larger image tied to container height; don't worry about it)
120px - Title container height

COLORS

#fff

Title container border

#fefefe

Image Borders

#E0E0E0

Title container

#111

Small title; links

#000

Large title

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!