datamods | Coding Templates

Here are some codes and the general game colour palette, if you're searching for some

databurst themed posts. These are all 100% optional to use, but sometimes it's fun to have matching style things!

#E0E0E0
#81BFCB
#0093AF
#4E5490
#982360
#2C2A38

If you are in need of a template for your permissions/opt post, you can use this one — feel free to customize it however you like! Adapted from this code by

transilience with many thanks.

PERMISSIONS & OPT-OUT

	 backtagging  
	    YES/NO/MAYBE
 threadjacking  
	    YES/NO/MAYBE
 fourthwalling  
	    YES/NO/MAYBE
 mindreading  
	    YES/NO/MAYBE
 physical contact  
	    YES/NO/MAYBE
 shipping/kissing  
	    YES/NO/MAYBE
 fighting/injury  
	    YES/NO/MAYBE
 character death  
	    YES/NO/MAYBE
If you prefer that I do not tag your characters, please leave a comment below with your character journal(s).

Comments are screened/not screened/ETC.

<center><table style="width:80%; max-width:500px;"><tr><td><div style="color: #eee; margin: 0 0 .5em; padding: .5em; text-align: center; border-left: 8px #982360 solid; border-bottom: 7px #81BFCB solid; background: #2C2A38; font-family: Consolas, 'Droid Sans', sans-serif; box-shadow: 5px 8px 1px #E0E0E0; font-size:1.1em; line-height:24px; letter-spacing:0.1em;"><b>PERMISSIONS & OPT-OUT</b></div><div style="box-sizing: border-box; width: 100%; margin: 1em auto; border-radius:0px;box-shadow:4px 4px 0 #81BFCB; background: #fff; color: #777; font-family:Consolas, sans-serif; letter-spacing: 0.1em; font-size: 12pt; padding: 20px!important;"><table style="width: 100%; background: #fff; color: #777;" cellspacing="0">
	<tr><th style="text-align: left;border-bottom: 1px dotted #ddd;padding:1em 0.25em 0.25em 0.25em; text-transform:uppercase;"> backtagging </th> 
	    <td style="text-align: right;border-bottom: 1px dotted #ddd;padding:1em 0.25em 0.25em 0.25em;">YES/NO/MAYBE</td></tr>
	<tr><th style="text-align: left;border-bottom: 1px dotted #ddd;text-transform:uppercase;padding:1em 0.25em 0.25em 0.25em; "> threadjacking </th> 
	    <td style="text-align: right;border-bottom: 1px dotted #ddd;padding:1em 0.25em 0.25em 0.25em;">YES/NO/MAYBE</td></tr>
	<tr><th style="text-align: left;border-bottom: 1px dotted #ddd;padding:1em 0.25em 0.25em 0.25em; text-transform:uppercase;"> fourthwalling </th> 
	    <td style="text-align: right;border-bottom: 1px dotted #ddd;padding:1em 0.25em 0.25em 0.25em;">YES/NO/MAYBE</td></tr>
	<tr><th style="text-align: left;border-bottom: 1px dotted #ddd;padding:1em 0.25em 0.25em 0.25em; text-transform:uppercase;"> mindreading </th> 
	    <td style="text-align: right;border-bottom: 1px dotted #ddd;padding:1em 0.25em 0.25em 0.25em;">YES/NO/MAYBE</td></tr>
	<tr><th style="text-align: left;border-bottom: 1px dotted #ddd;padding:1em 0.25em 0.25em 0.25em; text-transform:uppercase;"> physical contact </th> 
	    <td style="text-align: right;border-bottom: 1px dotted #ddd;padding:1em 0.25em 0.25em 0.25em;">YES/NO/MAYBE</td></tr>
	<tr><th style="text-align: left;border-bottom: 1px dotted #ddd;padding:1em 0.25em 0.25em 0.25em; text-transform:uppercase;"> shipping/kissing </th> 
	    <td style="text-align: right;border-bottom: 1px dotted #ddd;padding:1em 0.25em 0.25em 0.25em;">YES/NO/MAYBE</td></tr>
	<tr><th style="text-align: left;border-bottom: 1px dotted #ddd;padding:1em 0.25em 0.25em 0.25em; text-transform:uppercase;"> fighting/injury </th> 
	    <td style="text-align: right;border-bottom: 1px dotted #ddd;padding:1em 0.25em 0.25em 0.25em;">YES/NO/MAYBE</td></tr>
	<tr><th style="text-align: left;border-bottom: 1px dotted #ddd;padding:1em 0.25em 0.25em 0.25em; text-transform:uppercase;"> character death </th> 
	    <td style="text-align: right;border-bottom: 1px dotted #ddd;padding:1em 0.25em 0.25em 0.25em;">YES/NO/MAYBE</td></tr>

<tr><td colspan=2 style="text-align: justify;border-bottom: 1px dotted #ddd;padding:1.5em 0.25em 0.25em 0.25em; font-family:Calibri; font-weight:normal; font-size: 1.05em; line-height:1.5em;letter-spacing:0em;">If you prefer that I do not tag your characters, please leave a comment below with your character journal(s).<br /><br /><b>Comments are screened/not screened/ETC.</b><br /></table></div></td></tr></table></center>

If you would like a

databurst Google Sheets-based CR chart, please check out:

THIS ONE by

loversdesire

(This is the template, make sure to File -> Make A Copy of it so you can have your own editable version!)

If you would prefer a journal entry, here's a colour-and-style matching CR chart for posts, adapted from

tessisamess :

RELATIONSHIPS

CHARACTER NAME ➰ (canon name) » USERNAME TRAIT. TRAIT. OTHER TRAIT.
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."

CODE CREDIT

<raw-code><div style="margin:1em; width:90%; max-width:800px; font-family:helvetica,arial,sans-serif; text-align:justify; line-height:1.5; font-size:1.0em;">

<div style="text-align:center;font-family: Consolas,gadget,sans-serif;color:#982360;font-size:2em;line-height:1.0; font-weight: bold; letter-spacing:0.2em;">RELATIONSHIPS<div style="margin:5px auto 20px auto;width:300px;height:4px;background:#81BFCB;"></div></div>
<br />

<div style="min-height:50px;margin:0 0 40px 0;padding:15px 15px 15px 70px;background:#fff;border:1px solid rgba(0,0,0,0.2);background: linear-gradient(to bottom right, transparent 50%,#81BFCB 0) bottom right/30px 30px no-repeat, white; color: #333; border-radius: 0px;"><img src="ICONURL" style="width:90px;padding:7px;background:linear-gradient(to left top,#fff 70%,#81BFCB 70%);border-bottom:7px solid #fff;float:left;margin:-35px 0 0 -95px;"><b style="font-size:1.4em;letter-spacing:2px;text-transform:uppercase;color:#982360;display:block;margin-bottom:5px; font-family: Consolas,gadget,sans-serif;">CHARACTER NAME <small>➰ <font color="#666">(canon name) <b><big>»</big></b> <a href="https://USER.dreamwidth.org/"><font color="#982360">USERNAME</font></a></font></small></b>
<font color="#178A9F"><b>TRAIT. TRAIT. OTHER TRAIT.</b></font><br />"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."</div>

<div style="min-height:50px;margin:0 0 40px 0;padding:15px 15px 15px 70px;background:#fff;border:1px solid rgba(0,0,0,0.2);background: linear-gradient(to bottom right, transparent 50%,#81BFCB 0) bottom right/30px 30px no-repeat, white; color: #333; border-radius: 0px;"><img src="ICONURL" style="width:90px;padding:7px;background:linear-gradient(to left top,#fff 70%,#81BFCB 70%);border-bottom:7px solid #fff;float:left;margin:-35px 0 0 -95px;"><b style="font-size:1.4em;letter-spacing:2px;text-transform:uppercase;color:#982360;display:block;margin-bottom:5px; font-family: Consolas,gadget,sans-serif;">CHARACTER NAME <small>➰ <font color="#666">(canon name) <b><big>»</big></b> <a href="https://USERNAME.dreamwidth.org/"><font color="#982360">USERNAME</font></a></font></small></b>
<font color="#178A9F"><b>TRAIT. TRAIT. OTHER TRAIT.</b></font><br />"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."</div>

<a href="http://tessisamess.insanejournal.com/" style="color:#aaa;text-decoration:none;font-size:8px;letter-spacing:2px;display:block;text-align:right;">CODE CREDIT</a>
</div></raw-code>
<br />

Here's a colour-and-style matching email/message/inbox template, adapted from this code by

tessisamess

SUBJECT: [SOMETHING GOES HERE] STATUS: DELIVERED
SENDER: $USERNAME

RECEIPIENT: $USERNAME 
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."



ATTACHMENT: //FILENAME.EXT
DOWNLOAD 🔽
REPLY 💬
ARCHIVE 📂
DELETE ❌

<raw-code><div style="width:90%; max-width:600px; margin:0 auto;background:#fff; font-family:Consolas,monospace; font-size:1em;box-shadow:2px 2px 5px 3px rgba(0,0,0,0.2); line-height:1;border-radius:5px; color:#555;"><div style="display:flex; justify-content:space-between; padding:8px 12px; background:#982360; background-image:linear-gradient(to bottom,rgba(0,0,0,0.3),transparent); color:#fff; font-size:1em; letter-spacing:0.1em; border-radius:5px 5px 0 0; border-bottom:5px #81BFCB solid;"><b>SUBJECT: [SOMETHING GOES HERE]</b> <span>STATUS: DELIVERED</span></div>

<div style="padding:10px;margin:0 10px;border-bottom:1px solid rgba(0,0,0,0.1);display:flex;align-items:center;"><img src="https://v.dreamwidth.org/14440459/3710922" style="width:50px;height:50px;border-radius:20%;background:rgba(0,0,0,0.1);margin:0 15px 0 5px; border: 3px solid #E0E0E0;">
<div style="font-size:1.1em;line-height:1.5em;">  <b>SENDER:</b> $USERNAME<br />
  <b>RECEIPIENT:</b> $USERNAME </div></div>

<div style="padding:15px;line-height:1.5em; text-align:left;">"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."<br /><br />

<b>ATTACHMENT:</b> //FILENAME.EXT</div>

<div style="padding:10px;margin:0 10px;border-top:1px solid rgba(0,0,0,0.1);display:flex;justify-content:flex-end;font-size:10px;letter-spacing:1px;border-radius:0 0 5px 5px;"><b style="padding:5px 10px;margin:0 0 0 10px;border:1px solid rgba(0,0,0,0.15);border-radius:4px;">DOWNLOAD 🔽</b>
<b style="padding:5px 10px;margin:0 0 0 10px;border:1px solid rgba(0,0,0,0.15);border-radius:4px;">REPLY 💬</b>
<b style="padding:5px 10px;margin:0 0 0 10px;border:1px solid rgba(0,0,0,0.15);border-radius:4px;">ARCHIVE 📂</b>
<b style="padding:5px 10px;margin:0 0 0 10px;border:1px solid rgba(0,0,0,0.15);border-radius:4px;">DELETE ❌</b></div></div></raw-code>
<br />
<br />