tesscodes | Interactive Dating Profile

● ○ ○ ○

○ ● ○ ○

○ ○ ● ○

○ ○ ○ ●

Guillermo
28 / M / Staten Island, NY

Donec semper, mi varius laoreet egestas, nisi nibh varius ex, viverra dignissim nisi nisi consequat nulla. Praesent at massa dapibus ligula iaculis posuere. Nam faucibus sit amet quam sit amet cursus. Ut auctor non lorem ut vestibulum. Praesent at leo dui.

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;">

<div style="height:300px;overflow:hidden;background:#ddd;font-size:20px;text-shadow:1px 1px 0 rgba(0,0,0,0.5);">

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

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

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

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

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

<div style="padding:20px;max-height:300px;overflow:auto;box-sizing:border-box;line-height:1.6;">
		ABOUT_YOU
	</div>

<div style="border-top:1px solid rgba(0,0,0,0.1);display:flex;justify-content:center;">

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

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

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