Tessisamess

Information

Hey guys! I seriously don't know how I've never done something like this before. It's honestly bizarre lmao. This comment-friendly code is great for IC birthdays, weddings, and holidays! Just add a transparent gift box in your preferred aesthetic, some stationery to go with your personalized note, and an image of the gift inside, and you're good to go!

The recipient clicks through each page from unopened box, to note, to gift, just like a real present—just... much more two dimensional. Enjoy, and if you'd like a code that's more for entries as a gift haul for multiple people, just let me know! (I have one somewhere on here already, but I hate it lmao. I'd like to redeem myself.) 💖

The Coding

<lj-raw><div style="margin:0 auto;width:600px;height:400px;overflow:hidden;font-family:monospace;font-size:12px;line-height:2;"> <a name="YOUR_NAME-gift-wrapped" title="Read note:" href="#YOUR_NAME-gift-note" style="display:block;height:100%;background:url(WRAPPED_IMG)center no-repeat;background-size:auto 100%;opacity:1!important;"> </a> <a name="YOUR_NAME-gift-note" title="Open gift!" href="#YOUR_NAME-gift-opened" style="background:#eee url(STATIONERY_IMG)center;background-size:cover;display:flex;align-items:center;justify-content:center;text-decoration:none;height:100%;box-sizing:border-box;padding:20px 50px;color:#222;opacity:1!important;"><div> <b>Name</b><br> YOUR_NOTE <div align="right">—<b>Name</b></div> </div></a> <a name="YOUR_NAME-gift-opened" title="Go back." href="#YOUR_NAME-gift-wrapped" style="display:block;height:100%;background:url(GIFT_IMG)center no-repeat;background-size:auto 100%;opacity:1!important;"> </a> </div></lj-raw>

Installation Guide

Paste into an entry and fill in the following!

WRAPPED_IMG - Giftbox image
STATIONERY_IMG - Background pattern for your note
YOUR_NOTE - Your note text
GIFT_IMG - Unwrapped gift's contents
YOUR_NAME - Your character's name. This is an IMPORTANT step, to avoid hidden click mishaps when using this code in comments where multiple people might be using the same code; this ensures that all your codes have unique links and anchors. I recommend using replace all to change this one, since it shows up six times. (Do not use spaces in the name; opt for first name only, firstnamelastname, or firstname-lastname for this.)

Editing Guide

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

EDITING

600px - Width
400px - Height
Remove margin:0 auto; - If you don't want the gift centered on the page (best for comments)

FONTS

monospace - All text

IMAGES

A small gallery of transparent giftboxes I've compiled for you!
My post how to find transparent images.
Lots of easily toned down vector patterns on Pixabay for stationery!
Transparent image search for Tiffany boxes, since I know it's likely to come up.

COLORS

#eee

Stationery background color

#222

Text color

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!