Tessisamess

SQUID ASKED FOR TEXTS SO I MADE TEXTS R U HAPPY NOW. Light and dark versions, does not need to be behind a cut, scroll-y goodness. Comments show you where the texting code starts inside the container and all divs are classed so you know which is which; copy and paste as needed. Enjoy! <3

Paste the following into a code tester, then follow the directions below!

LIGHT
<lj-raw><div id="CONTAINER" style="background:#fff;margin:0 auto;width:250px;border:1px solid #ddd;height:400px;font-size:12px;font-family:tahoma,arial,sans-serif;-webkit-border-radius:5px;border-radius:5px;color:#111;"><div id="CONTAINER-INNER" style="height:360px;overflow:auto;"> <!---TEXTING---> <div class="YOU" style="padding:5px;min-height:25px;line-height:25px;"> <a href="http://yourjournal.insanejournal.com/" class="SENDER" style="text-decoration:none;color:#348DC3;font-weight:bold;"><img src="PIC" style="width:25px;float:left;margin-right:5px;">Name Here</a> Text text text </div> <div class="THEM" style="background:#eee;padding:5px;min-height:25px;line-height:25px;"> <a href="http://friendjournal.insanejournal.com/" class="SENDER" style="text-decoration:none;color:#348DC3;font-weight:bold;"><img src="PIC" style="width:25px;float:left;margin-right:5px;">Name Here</a> Text text text </div> <!---END TEXTING---> </div> <div id="SENDTEXT" style="height:34px;background:#eee;padding-top:5px;border-top:1px solid #ccc;"><textarea placeholder="Compose Message..." style="font-family:tahoma,arial,sans-serif;line-height:25px;width:175px;height:30px;margin-left:5px;padding-left:5px;border:none;-webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:inset 0 0 3px 1px #bbb;box-shadow:inset 0 0 3px 1px #bbb;"></textarea><div id="BUTTON" style="float:right;width:60px;background:#348DC3;text-align:center;margin-right:5px;height:30px;line-height:30px;-webkit-border-radius:5px;border-radius:5px;font-weight:bold;color:#fff;text-shadow:1px 1px 0 #444;">Send</div></div><a href="http://tessisamess.insanejournal.com/" style="font-size:9px;color:#bbb;text-decoration:none;display:block;padding-top:5px;text-align:center;">code by tessisamess</a></div></lj-raw>

DARK
<lj-raw><div id="CONTAINER" style="background:#222;margin:0 auto;width:250px;border:1px solid #000;height:400px;font-size:12px;font-family:tahoma,arial,sans-serif;-webkit-border-radius:5px;border-radius:5px;color:#ddd;"><div id="CONTAINER-INNER" style="height:360px;overflow:auto;"> <!---TEXTING---> <div class="YOU" style="padding:5px;min-height:25px;line-height:25px;"> <a href="http://yourjournal.insanejournal.com/" class="SENDER" style="text-decoration:none;color:#7DBC3E;font-weight:bold;"><img src="PIC" style="width:25px;float:left;margin-right:5px;">Name Here</a> Text text text </div> <div class="THEM" style="background:#353535;padding:5px;min-height:25px;line-height:25px;"> <a href="http://friendjournal.insanejournal.com/" class="SENDER" style="text-decoration:none;color:#7DBC3E;font-weight:bold;"><img src="PIC" style="width:25px;float:left;margin-right:5px;">Name Here</a> Text text text </div> <!---END TEXTING---> </div> <div id="SENDTEXT" style="height:34px;background:#111;padding-top:5px;border-top:1px solid #000;"><textarea placeholder="Compose Message..." style="background:#353535;font-family:tahoma,arial,sans-serif;line-height:25px;width:175px;height:30px;margin-left:5px;padding-left:5px;border:none;-webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:inset 0 0 3px 1px #000;box-shadow:inset 0 0 3px 1px #000;"></textarea><div id="BUTTON" style="float:right;width:60px;background:#7DBC3E;text-align:center;margin-right:5px;height:30px;line-height:30px;-webkit-border-radius:5px;border-radius:5px;font-weight:bold;color:#fff;text-shadow:1px 1px 0 #444;">Send</div></div><a href="http://tessisamess.insanejournal.com/" style="font-size:9px;color:#bbb;text-decoration:none;display:block;padding-top:5px;text-align:center;">code by tessisamess</a></div></lj-raw>

yourjournal to change the link to your journal.
PIC to change your userpic.
Text text text to write your text.
friendjournal to change the link to friend's journal.
PIC to change their userpic.
Text text text to write their text.

348DC3 to change LIGHT accent color.
7DBC3E to change DARK accent color.

→Leave my credit.
→Do not redistribute in part or in whole.
→If you break something during editing don't be scared to ask me to see what happened. Yep. That's a rule.
→If you're a maker like I am and you do something cool with this I'd really like to see it, but it's not necessary.