Tessisamess

CODE BY

Information

Hey guys! I'M SO EXCITED TO GET THIS POSTED LOL. This dating app code has working buttons that connect to your entry comments and automatically format profile hits based on the button clicked! All the other person has to do is fill in their username (and write their message if using the message button) and post the comment! Also included is a four-photo profile gallery with nav buttons. Instant faux dating app with all the fixins!

I've also added copy/paste options for each of the button post formats in case you ever need them for replies to comments posted to your profile. Enjoy! ♥

Coding: Full Dating Profile

<lj-raw><div style="width:350px;margin:0 auto 5px auto;background:#fff;border:1px solid rgba(0,0,0,0.1);box-shadow:2px 2px 4px 0 rgba(0,0,0,0.1);font-family:century gothic,helvetica,arial,sans-serif;font-size:12px;line-height:1.4;color:#111;"> <!---IMAGES---> <div style="height:300px;overflow:hidden;background:#ddd;font-size:20px;text-shadow:1px 1px 0 rgba(0,0,0,0.5);"> <!---IMAGE ONE---> <a name="one"></a> <div style="height:300px;background:url(IMG_ONE)center;background-size:cover;display:flex;align-items:flex-end;justify-content:center;"> <div style="padding:0 0 10px 0;"> <a href="#one" style="text-decoration:none;color:#fff;">&#9679;</a> <a href="#two" style="text-decoration:none;color:#fff;">&#9675;</a> <a href="#three" style="text-decoration:none;color:#fff;">&#9675;</a> <a href="#four" style="text-decoration:none;color:#fff;">&#9675;</a> </div> </div> <!---IMAGE TWO---> <a name="two"></a> <div style="height:300px;background:url(IMG_TWO)center;background-size:cover;display:flex;align-items:flex-end;justify-content:center;"> <div style="padding:0 0 10px 0;"> <a href="#one" style="text-decoration:none;color:#fff;">&#9675;</a> <a href="#two" style="text-decoration:none;color:#fff;">&#9679;</a> <a href="#three" style="text-decoration:none;color:#fff;">&#9675;</a> <a href="#four" style="text-decoration:none;color:#fff;">&#9675;</a> </div> </div> <!---IMAGE THREE---> <a name="three"></a> <div style="height:300px;background:url(IMG_THREE)center;background-size:cover;display:flex;align-items:flex-end;justify-content:center;"> <div style="padding:0 0 10px 0;"> <a href="#one" style="text-decoration:none;color:#fff;">&#9675;</a> <a href="#two" style="text-decoration:none;color:#fff;">&#9675;</a> <a href="#three" style="text-decoration:none;color:#fff;">&#9679;</a> <a href="#four" style="text-decoration:none;color:#fff;">&#9675;</a> </div> </div> <!---IMAGE FOUR---> <a name="four"></a> <div style="height:300px;background:url(IMG_FOUR)center;background-size:cover;display:flex;align-items:flex-end;justify-content:center;"> <div style="padding:0 0 10px 0;"> <a href="#one" style="text-decoration:none;color:#fff;">&#9675;</a> <a href="#two" style="text-decoration:none;color:#fff;">&#9675;</a> <a href="#three" style="text-decoration:none;color:#fff;">&#9675;</a> <a href="#four" style="text-decoration:none;color:#fff;">&#9679;</a> </div> </div> </div> <!---PROFILE INFO---> <div style="padding:15px;border-bottom:1px solid rgba(0,0,0,0.1);"> <b style="font-size:22px;color:#05BB95;">Name</b><br> 00 / G / Location </div> <!---PROFILE BLURB---> <div style="padding:20px;max-height:300px;overflow:auto;box-sizing:border-box;line-height:1.6;"> ABOUT_YOU </div> <!---BUTTON INTERACTIONS---> <div style="border-top:1px solid rgba(0,0,0,0.1);display:flex;justify-content:center;"> <!---MATCH BUTTON---> <form method="post" action="ENTRY_URL?mode=reply" style="width:33.3%;border-right:1px solid rgba(0,0,0,0.1);margin:0;padding:5px 0;"> <textarea id="msgbody" name="body" style="display:none;"><span style="font-family:century gothic,helvetica,arial,sans-serif;"><img src="https://i.imgur.com/ScI5Hsw.png" style="height:20px;margin:0 5px -4px 0;"><b style="color:#05BB95;">username</b> matched with you!</span></textarea> <button id="msgsub" type="submit" style="width:100%;height:30px;padding:0 0 0 30px;margin:0 10px!important;background:url(https://i.imgur.com/ScI5Hsw.png)center left no-repeat;background-size:23px;border:none;cursor:pointer;font-family:century gothic,helvetica,arial,sans-serif;font-size:12px;font-weight:bold;color:#05BB95;text-align:left;letter-spacing:1px;">MATCH</button> </form> <!---MESSAGE BUTTON---> <form method="post" action="ENTRY_URL?mode=reply" style="width:33.3%;border-right:1px solid rgba(0,0,0,0.1);margin:0;padding:5px 0;"> <textarea id="msgbody" name="body" style="display:none;"><lj-raw><span style="font-family:century gothic,helvetica,arial,sans-serif;"><img src="https://i.imgur.com/P3gZl1b.png" style="height:20px;margin:0 5px -4px 0;"> <b style="color:#05BB95;">username</b> sent you a message! <blockquote style="border-left:5px solid #ddd;padding:0 0 0 10px;"> Message_content </blockquote></span></lj-raw></textarea> <button id="msgsub" type="submit" style="width:100%;height:30px;padding:0 0 0 30px;margin:0 10px!important;background:url(https://i.imgur.com/P3gZl1b.png)center left no-repeat;background-size:20px;border:none;cursor:pointer;font-family:century gothic,helvetica,arial,sans-serif;font-size:12px;font-weight:bold;color:#05BB95;text-align:left;letter-spacing:1px;">MESSAGE</button> </form> <!---FLIRT BUTTON---> <form method="post" action="ENTRY_URL?mode=reply" style="width:33.3%;margin:0;padding:5px 0;"> <textarea id="msgbody" name="body" style="display:none;"><span style="font-family:century gothic,helvetica,arial,sans-serif;"><img src="https://i.imgur.com/w2B4FYG.png" style="height:20px;margin:0 5px -4px 0;"><b style="color:#05BB95;">username</b> sent you a flirt!</span></textarea> <button id="msgsub" type="submit" style="width:100%;height:30px;padding:0 0 0 30px;margin:0 10px!important;background:url(https://i.imgur.com/w2B4FYG.png)center left no-repeat;background-size:22px;border:none;cursor:pointer;font-family:century gothic,helvetica,arial,sans-serif;font-size:12px;font-weight:bold;color:#05BB95;text-align:left;letter-spacing:1px;">FLIRT</button> </form> </div> </div><center><a href="http://tessisamess.insanejournal.com/" style="font-family:century gothic,helvetica,arial,sans-serif;font-size:8px;color:#bbb;text-decoration:none;">CODE BY</a></center></lj-raw>

Individual Interactions

username matched with you!

<span style="font-family:century gothic,helvetica,arial,sans-serif;"><img src="https://i.imgur.com/ScI5Hsw.png" style="height:20px;margin:0 5px -4px 0;"><b style="color:#05BB95;">username</b> matched with you!</span>

---

username sent you a message!

Message_content

<lj-raw><span style="font-family:century gothic,helvetica,arial,sans-serif;"><img src="https://i.imgur.com/P3gZl1b.png" style="height:20px;margin:0 5px -4px 0;">

<b style="color:#05BB95;">username</b> sent you a message!

<blockquote style="border-left:5px solid #ddd;padding:0 0 0 10px;">
Message_content
</blockquote></span></lj-raw>

---

username sent you a flirt!

<span style="font-family:century gothic,helvetica,arial,sans-serif;"><img src="https://i.imgur.com/w2B4FYG.png" style="height:20px;margin:0 5px -4px 0;"><b style="color:#05BB95;">username</b> sent you a flirt!</span>

Installation Guide

Paste into an entry and fill in the following! Some of these options occur multiple times, so using replace all for each value is recommended.

IMG_ONE through IMG_FOUR - Your photo gallery
ENTRY_URL - THIS IS VERY IMPORTANT! This shows up three times; make SURE the entry URL of your dating app replaces these or your buttons will not work.
Name - Profile name
00 / G / Location - Profile details
ABOUT_YOU - Profile blurb

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/ScI5Hsw.png - Match icon
https://i.imgur.com/P3gZl1b.png - Message icon
https://i.imgur.com/w2B4FYG.png - Flirt icon

COLORS

#fff

container background; gallery nav buttons

#05BB95

Name and button text

#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!