Tessisamess

VIEW LIVE PREVIEWS

Information

I got a VERY timely question about IC texting codes the other day and I had just been thinking about how I wanted to do exactly that, so I went ham doing that and today we've got FFFFIVE (5) texting codes and an extra Discord messaging code. These should cover pretty much any style you could want, and they're easily customizable re: colors etc., and each code comes with an alternate text format for both bubbles for image texts. Have fun and enjoy! ♥

iPhone: Rounded

FONTS

Fontname - arial,sans-serif

COLORS

#fff

Your text

#E5E5EA

Their bubbles

#CACACE

Timestamp text

#2B99FD

Your bubbles

#111

Their text

<lj-raw><div style="width:400px;margin:0 auto;color:#111;font-family:arial,sans-serif;font-size:14px;line-height:1.3;overflow:auto;"> <center style="margin-bottom:20px;font-size:11px;color:#CACACE;"><b>Today</b> 12:42 PM</center> <div style="max-width:75%;background:#E5E5EA;padding:8px 12px;border-radius:20px;float:left;clear:right;margin-bottom:20px;"> THEM </div> <div style="max-width:75%;background:#2B99FD;color:#fff;padding:8px 12px;border-radius:20px;float:right;clear:left;margin-bottom:20px;"> YOU </div> <img src="THEIRPIC" style="max-width:81%;border-radius:20px;float:left;clear:right;margin-bottom:20px;"> <img src="YOURPIC" style="max-width:81%;border-radius:20px;float:right;clear:left;margin-bottom:20px;"> </div></lj-raw>

iPhone: Bubbles

FONTS

Fontname - arial,sans-serif

COLORS

#fff

Your text

#E5E5EA

Their bubbles

#CACACE

Timestamp text

#2B99FD

Your bubbles

#111

Their text

<lj-raw><div style="width:400px;margin:0 auto;color:#111;font-family:arial,sans-serif;font-size:14px;line-height:1.3;overflow:auto;"> <center style="margin-bottom:20px;font-size:11px;color:#CACACE;"><b>Today</b> 12:42 PM</center> <div style="margin-bottom:20px;display:flex;justify-content:flex-start;align-items:flex-end;"> <div style="width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:11px solid #E5E5EA;margin:0 -4px 6px 0;"></div> <div style="max-width:75%;background:#E5E5EA;padding:8px 12px;border-radius:20px;"> THEM </div> </div> <div style="margin-bottom:20px;display:flex;justify-content:flex-end;align-items:flex-end;"> <div style="max-width:75%;background:#2B99FD;color:#fff;padding:8px 12px;border-radius:20px;"> YOU </div> <div style="width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:11px solid #2B99FD;margin:0 0 6px -4px;"></div> </div> <div style="margin-bottom:20px;display:flex;justify-content:flex-start;align-items:flex-end;"> <div style="width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:11px solid #E5E5EA;margin:0 -4px 6px 0;"></div> <div style="max-width:75%;background:#E5E5EA;padding:8px;border-radius:20px;"> <img src="THEIRPIC" style="max-width:100%;border-radius:10px;"> </div> </div> <div style="margin-bottom:20px;display:flex;justify-content:flex-end;align-items:flex-end;"> <div style="max-width:75%;background:#2B99FD;color:#fff;padding:8px;border-radius:20px;"> <img src="YOURPIC" style="max-width:100%;border-radius:10px;"> </div> <div style="width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:11px solid #2B99FD;margin:0 0 6px -4px;"></div> </div> </div></lj-raw>

Android: Bubbles

FONTS

Fontname - helvetica,arial,sans-serif

COLORS

#fff

Your text

#f1f1f1

Their bubbles

#94E0D6

Your bubbles

#111

Their text

<lj-raw><div style="width:400px;margin:0 auto;color:#111;font-family:helvetica,arial,sans-serif;font-size:14px;line-height:1.3;overflow:auto;"> <div style="max-width:75%;background:#f1f1f1;padding:8px 12px;border-radius:0 12px 12px 12px;float:left;clear:right;margin-bottom:15px;"> YOU </div> <div style="max-width:75%;background:#94E0D6;color:#fff;padding:8px 12px;border-radius:12px 0 12px 12px;float:right;clear:left;margin-bottom:15px;"> THEM </div> <img src="THEIRPIC" style="max-width:81%;border-radius:0 12px 12px 12px;float:left;clear:right;margin-bottom:15px;"> <img src="YOURPIC" style="max-width:81%;border-radius:12px 0 12px 12px;float:right;clear:left;margin-bottom:15px;"> </div></lj-raw>

Android: Squared

FONTS

Fontname - helvetica,arial,sans-serif

COLORS

#fff

All text

#918599

Their bubbles

#000

Your bubbles

<lj-raw><div style="width:400px;margin:0 auto;color:#fff;font-family:helvetica,arial,sans-serif;font-size:14px;line-height:1.3;overflow:auto;"> <div style="margin-bottom:15px;display:flex;justify-content:flex-start;"> <div style="width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:7px solid #918599;margin-top:11px;"></div> <div style="max-width:75%;background:#918599;padding:8px 12px;"> THEM </div> </div> <div style="margin-bottom:15px;display:flex;justify-content:flex-end;"> <div style="max-width:75%;background:#000;padding:8px 12px;"> YOU </div> <div style="width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #000;margin-top:11px;"></div> </div> <div style="margin-bottom:15px;display:flex;justify-content:flex-start;"> <div style="width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:7px solid #918599;margin-top:11px;"></div> <div style="max-width:75%;background:#918599;padding:8px;"> <img src="THEIRPIC" style="max-width:100%"> </div> </div> <div style="margin-bottom:15px;display:flex;justify-content:flex-end;"> <div style="max-width:75%;background:#000;padding:8px;"> <img src="YOURPIC" style="max-width:100%"> </div> <div style="width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #000;margin-top:11px;"></div> </div> </div></lj-raw>

Android: Userpics

FONTS

Fontname - helvetica,arial,sans-serif

COLORS

#fff

Their bubbles

#eee

Your bubbles

#111

All text

<lj-raw><div style="width:400px;margin:0 auto;color:#111;font-family:helvetica,arial,sans-serif;font-size:14px;line-height:1.3;overflow:auto;"> <div style="margin-bottom:20px;display:flex;justify-content:flex-start;"> <img src="THEIRICON" style="width:30px;height:30px;border-radius:100%;margin:0 10px 0 0;"> <div style="max-width:65%;background:#fff;padding:8px 12px;border-radius:0 12px 12px 12px;border:1px solid rgba(0,0,0,0.1);"> THEM </div> </div> <div style="margin-bottom:20px;display:flex;justify-content:flex-end;"> <div style="max-width:65%;background:#eee;padding:8px 12px;border-radius:12px 0 12px 12px;border:1px solid rgba(0,0,0,0.1);"> YOU </div> <img src="YOURICON" style="width:30px;height:30px;border-radius:100%;margin:0 0 0 10px;"> </div> <div style="margin-bottom:20px;display:flex;justify-content:flex-start;"> <img src="THEIRICON" style="width:30px;height:30px;border-radius:100%;margin:0 10px 0 0;"> <img src="THEIRPIC" style="max-width:71%;border-radius:0 12px 12px 12px;border:1px solid rgba(0,0,0,0.1);align-self:center;flex:0 0 auto;"> </div> <div style="margin-bottom:20px;display:flex;justify-content:flex-end;"> <img src="YOURPIC" style="max-width:71%;border-radius:12px 0 12px 12px;border:1px solid rgba(0,0,0,0.1);align-self:center;flex:0 0 auto;"> <img src="YOURICON" style="width:30px;height:30px;border-radius:100%;margin:0 0 0 10px;"> </div> </div></lj-raw>

Discord Messages

FONTS

Fontname - Thing

COLORS

#7289DA

Usernames

#111

All text

<lj-raw><div style="width:700px;margin:0 auto;color:#111;font-family:helvetica,arial,sans-serif;font-size:14px;line-height:1.7;overflow:auto;"> <div style="border-bottom:1px solid rgba(0,0,0,0.1);padding:10px;min-height:50px;"> <img src="THEIRICON" style="width:50px;height:50px;border-radius:100%;float:left;"> <div style="margin-left:70px;"> <b style="color:#7289DA;">theirname</b> <font style="font-size:11px;opacity:0.5;">Today at 0:00 AM</font><br> THEM </div> </div> <div style="border-bottom:1px solid rgba(0,0,0,0.1);padding:10px;min-height:50px;"> <img src="YOURICON" style="width:50px;height:50px;border-radius:100%;float:left;"> <div style="margin-left:70px;"> <b style="color:#7289DA;">yourname</b> <font style="font-size:11px;opacity:0.5;">Today at 0:00 AM</font><br> YOU </div> </div> </div></lj-raw>

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!