Gifting Code

[tesscodes]

HAPPY HOLIDAYS

A nice quote here for the holiday season.

Your card/note text here.

Information for friend #1 here!

Your card/note text here.

Information for friend #2 here!

Your card/note text here.

Information for friend #3 here!

CODE BY TESSISAMESS

Information

Hey guys, 'tis the season! I've never made one before, but today we've got a Christmas gift code for your characters to spread the holiday cheer this year! This is your standard hidden click like a lot of my bios, and all areas are sectioned off with labels, so feel free to add as many friends as you need to gift for; just remember to change the anchor link names when you add more! Enjoy! ♥

The Coding

<lj-raw><div style="margin:0 auto;max-width:900px;background:#F8F3F3 url(https://i.imgur.com/VUsi5NG.png)center top no-repeat;background-size:auto 250px;padding-top:225px;border:1px solid rgba(0,0,0,0.1);font-family:century gothic,helvetica,arial,sans-serif;font-size:14px;"> <!---HEADER---> <div style="text-align:center;margin-bottom:20px;font-size:50px;"> <a href="#home" style="text-decoration:none;background:url(https://i.imgur.com/cmmcOU6.gif)center;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:bold;"> HAPPY HOLIDAYS </a> </div> <!---LINK NAV---> <div style="display:flex;flex-wrap:wrap;justify-content:center;text-align:center;"> <a href="#friend1" style="margin:7px;"> <img src="ICON_URL" style="width:90px;border:1px solid rgba(0,0,0,0.1);padding:10px;background:#fff;border-radius:100%;"> </a> <a href="#friend2" style="margin:7px;"> <img src="ICON_URL" style="width:90px;border:1px solid rgba(0,0,0,0.1);padding:10px;background:#fff;border-radius:100%;"> </a> <a href="#friend3" style="margin:7px;"> <img src="ICON_URL" style="width:90px;border:1px solid rgba(0,0,0,0.1);padding:10px;background:#fff;border-radius:100%;"> </a> </div> <!---HIDDEN CLICK---> <div style="padding:40px 20px 40px 40px;"><div style="height:320px;overflow:hidden;"> <!---HOME---> <a name="home"></a><div style="height:320px;overflow:auto;display:flex;align-items:center;justify-content:center;font-size:18px;"> <q>Mainquote</q> </div> <!---FRIEND---> <a name="friend1"></a><div style="height:320px;overflow:auto;display:flex;"> <div style="width:100%;margin-right:25px;"> <img src="GIFT_URL" style="width:100%;"> </div> <div style="width:100%;padding-right:20px;"> <q style="display:block;border:1px solid rgba(0,0,0,0.1);padding:10px;background:#fff;font-style:italic;font-size:17px;text-align:center;"> Giftnote </q><br><br> Giftinfo </div> </div> <!---FRIEND---> <a name="friend2"></a><div style="height:320px;overflow:auto;display:flex;"> <div style="width:100%;margin-right:25px;"> <img src="GIFT_URL" style="width:100%;"> </div> <div style="width:100%;padding-right:20px;"> <q style="display:block;border:1px solid rgba(0,0,0,0.1);padding:10px;background:#fff;font-style:italic;font-size:17px;text-align:center;"> Giftnote </q><br><br> Giftinfo </div> </div> <!---FRIEND---> <a name="friend3"></a><div style="height:320px;overflow:auto;display:flex;"> <div style="width:100%;margin-right:25px;"> <img src="GIFT_URL" style="width:100%;"> </div> <div style="width:100%;padding-right:20px;"> <q style="display:block;border:1px solid rgba(0,0,0,0.1);padding:10px;background:#fff;font-style:italic;font-size:17px;text-align:center;"> Giftnote </q><br><br> Giftinfo </div> </div> </div></div> </div><a href="http://tessisamess.insanejournal.com/" style="display:block;max-width:900px;margin:10px auto 0 auto;font-family:century gothic,helvetica,arial,sans-serif;font-size:8px;color:#bbb;text-align:center;letter-spacing:3px;text-decoration:none;">CODE BY TESSISAMESS</a></lj-raw>

Installation Guide

Paste into an entry and fill in the following!

HAPPY HOLIDAYS - Header title
ICON_URL - Each friend icon

Mainquote - Home page quote

GIFT_URL - Image of your gift
Giftnote - The note/card text for your gift
Giftinfo - Description of your gift

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

IMAGES

https://i.imgur.com/VUsi5NG.png - Header background
https://i.imgur.com/cmmcOU6.gif - Header text background

COLORS

#fff

Icon and gift note backgrounds

#F8F3F3

Container background

#111

Text color

0,0,0,0.1

All borders

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!