Tessisamess

Information

Hey guys! And now for the code that kicked off all this heart madness lmao: A ship moodboard! Enjoy! 💖

The Coding

<lj-raw><div style="margin:0 auto;width:600px;"> <!--GRID--> <div style="grid-area:one;background:#ddd url(BG1)center;background-size:cover;"></div> <div style="grid-area:two;background:#ddd url(BG2)center;background-size:cover;"></div> <div style="grid-area:three;background:#ddd url(BG3)center;background-size:cover;"></div> <div style="grid-area:four;background:#ddd url(BG4)center;background-size:cover;"></div> <div style="grid-area:five;background:#ddd url(BG5)center;background-size:cover;"></div> <div style="grid-area:six;background:#ddd url(BG6)center;background-size:cover;"></div> <div style="grid-area:seven;background:#ddd url(BG7)center;background-size:cover;"></div> </div></div> <!--FOOTER--> <div style="margin:-70px 0 0 -20px;display:flex;align-items:center;"> <!--IMAGES--> <div style="transform:rotate(-15deg);margin:0 30px 0 0;"> <div style="-webkit-mask:url(https://i.imgur.com/qQtyImz.png)center no-repeat;mask:url(https://i.imgur.com/qQtyImz.png)center no-repeat;-webkit-mask-size:100% auto;mask-size:100% auto;width:100px;height:100px;"> <div style="height:100%;background:#bbb url(IMG_2)center;background-size:auto 120%;"></div> </div> <div style="-webkit-mask:url(https://i.imgur.com/qQtyImz.png)center no-repeat;mask:url(https://i.imgur.com/qQtyImz.png)center no-repeat;-webkit-mask-size:100% auto;mask-size:100% auto;width:100px;height:100px;margin:-40px 0 0 20px;transform:rotate(15deg);"> <div style="height:100%;background:#ddd url(IMG_1)center;background-size:cover;"></div> </div> </div> <!--TITLES--> <div style="padding:25px 0 0 0;line-height:1;"> <h4 style="font-family:georgia,serif;font-size:30px;margin:0;font-weight:normal;color:#000;"> Name & Name </h4> <b style="font-family:helvetica,sans-serif;font-size:8px;letter-spacing:2px;text-transform:uppercase;color:#222;"> Subtitle </b> </div> </div> <div style="text-align:right;margin:-40px 0 0 0;"><a href="http://tessisamess.insanejournal.com/" style="text-decoration:none;font-size:8px;letter-spacing:3px;color:#aaa;">CODE BY</a></div></div></lj-raw>

Installation Guide

Paste into an entry and fill in the following!

BG1 through BG7 - Grid images
IMG_1 - Top heart
IMG_2 - Bottom heart
Name & Name - Footer title
Subtitle - Footer subtitle

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 - Title text
helvetica,sans-serif - Bulk text

COLORS

#fff

Container background

#ddd

Container border

#222

Subtitle

#000

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!