10th: chatty

[yanyan]

Personally, I have no idea what I'd use this for, but I thought it was cute.

	Lorem Ipsum is simply dummy text of the printing and typesetting industry.
	Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.

<raw-code> <table style="background: #404040;"> <!--Left chat bubble starts.--> <tr style="border-top: 10px solid #404040; border-bottom: 10px solid #404040;"> <td style="vertical-align: top;"><img src="IMAGE URL" style="height: 50px; width: 50px; box-shadow: 0px 1px 5px #000;"></td> <td style="width: 300px; vertical-align: top; text-align: left;"> <div style="float: left; width: 200px; background: #ececec; padding: 6px; border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 1px 5px #000;"> <span style="font-size: 11px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span> </div> </td> <td> </td> </tr> <!--Left chat bubble ends.--> <!--Right chat bubble starts.--> <tr style="border-bottom: 10px solid #404040;"> <td style="vertical-align: top;"></td> <td style="vertical-align: top; text-align: right;"> <div style="width: 200px; position: relative; left: 77px; float: left; z-index: 1; background: #ff9b2b; padding: 6px; border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 1px 5px #000;"> <span style="font-size: 11px;">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</span> </div> <td style="vertical-align: top;"><img src="IMAGE URL" style="height: 50px; width: 50px; box-shadow: 0px 1px 5px #000;"></td> </tr> <!--Right chat bubble ends.--> </table> </raw-code> <small>code by <user name=cawaii></small>

	Lorem Ipsum is simply dummy text of the printing and typesetting industry.
	Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.

<raw-code> <table style="background: #6b99bb;"> <!--Left chat bubble starts.--> <tr style="border-top: 10px solid #6b99bb; border-bottom: 10px solid #6b99bb;"> <td style="vertical-align: top;"><img src="IMAGE URL" style="height: 50px; width: 50px; box-shadow: 0px 1px 5px #3c566d;"></td> <td style="width: 300px; vertical-align: top; text-align: left;"> <div style="width: 200px; background: #fcfcfc; padding: 6px; border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 1px 5px #3c566d;"> <span style="font-size: 11px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span> </div> </td> <td> </td> </tr> <!--Left chat bubble ends.--> <!--Right chat bubble starts.--> <tr style="border-bottom: 10px solid #6b99bb;"> <td style="vertical-align: top;"></td> <td style="vertical-align: top; text-align: right;"> <div style="width: 200px; position: relative; left: 88px; background: #b6ea4a; padding: 6px; border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 1px 5px #3c566d;"> <span style="font-size: 11px;">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</span> </div> </td> <td style="vertical-align: top;"><img src="IMAGE URL" style="height: 50px; width: 50px; box-shadow: 0px 1px 5px #3c566d;"></td> </tr> <!--Right chat bubble ends.--> </table> </raw-code> <small>code by <user name=cawaii></small>

	Lorem Ipsum is simply dummy text of the printing and typesetting industry.
	Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.

<raw-code> <table style="background: #00b822;"> <!--Left chat bubble starts.--> <tr style="border-top: 10px solid #00b822; border-bottom: 10px solid #00b822;"> <td style="vertical-align: top;"><img src="IMAGE URL" style="height: 50px; width: 50px; box-shadow: 0px 1px 5px #006312;"></td> <td style="width: 300px; vertical-align: top; text-align: left;"> <div style="width: 200px; background: #fcfcfc; padding: 6px; border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 1px 5px #006312;"> <span style="font-size: 11px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span> </div> </td> <td> </td> </tr> <!--Left chat bubble ends.--> <!--Right chat bubble starts.--> <tr style="border-bottom: 10px solid #00b822;"> <td style="vertical-align: top;"></td> <td style="vertical-align: top; text-align: right;"> <div style="width: 200px; position: relative; left: 88px; background: #b6ea4a; padding: 6px; border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 1px 5px #006312;"> <span style="font-size: 11px;">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</span> </div> </td> <td style="vertical-align: top;"><img src="IMAGE URL" style="height: 50px; width: 50px; box-shadow: 0px 1px 5px #006312;"></td> </tr> <!--Right chat bubble ends.--> </table> </raw-code> <small>code by <user name=cawaii></small>

	Lorem Ipsum is simply dummy text of the printing and typesetting industry.
	Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.

<raw-code> <table style="background: #f9e81e;"> <!--Left chat bubble starts.--> <tr style="border-top: 10px solid #f9e81e; border-bottom: 10px solid #f9e81e;"> <td style="vertical-align: top;"><img src="IMAGE URL" style="height: 50px; width: 50px; box-shadow: 0px 1px 5px #a58d15;"></td> <td style="width: 300px; vertical-align: top; text-align: left;"> <div style="width: 200px; background: #fff; padding: 6px; border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 1px 5px #a58d15;"> <span style="font-size: 11px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span> </div> </td> <td> </td> </tr> <!--Left chat bubble ends.--> <!--Right chat bubble starts.--> <tr style="border-bottom: 10px solid #f9e81e;"> <td style="vertical-align: top;"></td> <td style="vertical-align: top; text-align: right;"> <div style="width: 200px; position: relative; left: 88px; background: #3c3032; padding: 6px; border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 1px 5px #a58d15;"> <span style="font-size: 11px; color: #fff;">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</span> </div> </td> <td style="vertical-align: top;"><img src="IMAGE URL" style="height: 50px; width: 50px; box-shadow: 0px 1px 5px #a58d15;"></td> </tr> <!--Right chat bubble ends.--> </table> </raw-code> <small>code by <user name=cawaii></small>

	Lorem Ipsum is simply dummy text of the printing and typesetting industry.
	Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.

<!--iPhone ver--> <raw-code> <table style="background: #dbe1ed;"> <!--Left chat bubble starts.--> <tr style="border-top: 10px solid #dbe1ed; border-bottom: 10px solid #dbe1ed;"> <td style="vertical-align: top;"><img src="http://i415.photobucket.com/albums/pp233/chansuu/icon/051/bts007.png" style="height: 50px; width: 50px; box-shadow: 0px 1px 5px #81868e;"></td> <td style="width: 300px; vertical-align: top; text-align: left;"> <div style="width: 200px; background: #fff; padding: 6px; border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 1px 5px #81868e;"> <span style="font-size: 11px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span> </div> </td> <td> </td> </tr> <!--Left chat bubble ends.--> <!--Right chat bubble starts.--> <tr style="border-bottom: 10px solid #dbe1ed;"> <td style="vertical-align: top;"></td> <td style="vertical-align: top; text-align: right;"> <div style="width: 200px; position: relative; left: 88px; background: #b6d8fb; padding: 6px; border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 1px 5px #81868e;"> <span style="font-size: 11px;">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</span> </div> </td> <td style="vertical-align: top;"><img src="http://i415.photobucket.com/albums/pp233/chansuu/icon/051/bts009.png" style="height: 50px; width: 50px; box-shadow: 0px 1px 5px #81868e;"></td> </tr> <!--Right chat bubble ends.--> </table> </raw-code> <small>code by <user name=cawaii></small>

Comments

[rinhail]

they are cute. <3

[richey]

this is awesome! i used it for making a fanfic more dynamic :)
thanks for sharing ♥

[blackraith]

These are really cute! I'm going to use it as my inbox

[yanyan]

Thank you! I'm glad you like them.