CODES

CR chart

<raw-code><center><p><span style="font-size: 16pt; color: #FF0080;" title="Romantic Love">❤</span> Romantic Love <span style="font-size: 16pt; color: #B4045F;" title="Familial Love">❤</span> Familial Love <span style="font-size: 16pt; color: #00C700;" title="Friends">❤</span> Friends <span style="font-size: 16pt; color: #0000CC;" title="Trust">❤</span> Trust <span style="font-size: 16pt; color: #9900FF;" title="Acquaintance">❤</span> Acquaintance <span style="font-size: 16pt; color: #B6B6B4;" title="Distrust">❤</span> Distrust <span style="font-size: 16pt; color: #000000;" title="Hate">❤</span> Hate <span style="font-size: 16pt; color: #ffde3c;" title="Roommate">★</span> Roommate</p> <table><tr><td style="vertical-align: top"><div style="width:215px; margin:15px;display:inline-block;vertical-align:top;"> <div style="width:100%;text-align:justify;margin-bottom:-10px;"><a href="JOURNAL LINK GOES HERE"><img src="IMAGE LINK GOES HERE" style="box-shadow: 1px 1px 3px #777; border: #E0E0E0 4px solid; border-radius: 15px; float: left; margin-right: 15px;" width="75"></a><span style="font-size: 13px; color: #000; font-family: century gothic; text-align: left;"><i>NAME OF PERSON</i></span><div style="border: 1px solid #DDD; margin: 0px 0px 0px 95px; height: 20px; width: 120px; background: #EFEFEF; text-align: left; border-radius: 10px; margin-bottom: 3px;"></div><div style="margin: -30px 0px 0px 95px; height: 25px; width: 120px; text-align: left; border-radius: 15px; margin-bottom: 3px;"> [INSERT HEART HTML HERE]</div><div style="margin: 0px 0px 0px 95px; height: 25px; width: 120px; text-align: left; border-radius: 15px; margin-bottom: 3px;"> <span style="font-size: 9px; color: #000; font-family: arial;">DESCRIPTION OF PERSON</span></div></div></div> </td><td style="vertical-align: top"><div style="width:215px; margin:15px;display:inline-block;vertical-align:top;"> <div style="width:100%;text-align:justify;margin-bottom:-10px;"><a href="JOURNAL LINK GOES HERE"><img src="IMAGE LINK GOES HERE" style="box-shadow: 1px 1px 3px #777; border: #E0E0E0 4px solid; border-radius: 15px; float: left; margin-right: 15px;" width="75"></a><span style="font-size: 13px; color: #000; font-family: century gothic; text-align: left;"><i>NAME OF PERSON</i></span><div style="border: 1px solid #DDD; margin: 0px 0px 0px 95px; height: 20px; width: 120px; background: #EFEFEF; text-align: left; border-radius: 10px; margin-bottom: 3px;"></div><div style="margin: -30px 0px 0px 95px; height: 25px; width: 120px; text-align: left; border-radius: 15px; margin-bottom: 3px;"> [INSERT HEART HTML HERE]</div><div style="margin: 0px 0px 0px 95px; height: 25px; width: 120px; text-align: left; border-radius: 15px; margin-bottom: 3px;"> <span style="font-size: 9px; color: #000; font-family: arial;">DESCRIPTION OF PERSON</span></div></div></div> </td><td style="vertical-align: top"><div style="width:215px; margin:15px;display:inline-block;vertical-align:top;"> <div style="width:100%;text-align:justify;margin-bottom:-10px;"><a href="JOURNAL LINK GOES HERE"><img src="IMAGE LINK GOES HERE" style="box-shadow: 1px 1px 3px #777; border: #E0E0E0 4px solid; border-radius: 15px; float: left; margin-right: 15px;" width="75"></a><span style="font-size: 13px; color: #000; font-family: century gothic; text-align: left;"><i>NAME OF PERSON</i></span><div style="border: 1px solid #DDD; margin: 0px 0px 0px 95px; height: 20px; width: 120px; background: #EFEFEF; text-align: left; border-radius: 10px; margin-bottom: 3px;"></div><div style="margin: -30px 0px 0px 95px; height: 25px; width: 120px; text-align: left; border-radius: 15px; margin-bottom: 3px;"> [INSERT HEART HTML HERE]</div><div style="margin: 0px 0px 0px 95px; height: 25px; width: 120px; text-align: left; border-radius: 15px; margin-bottom: 3px;"> <span style="font-size: 9px; color: #000; font-family: arial;">DESCRIPTION OF PERSON</span></div></div></div> </td> </tr> <tr><td style="vertical-align: top"><div style="width:215px; margin:15px;display:inline-block;vertical-align:top;"> <div style="width:100%;text-align:justify;margin-bottom:-10px;"><a href="JOURNAL LINK GOES HERE"><img src="IMAGE LINK GOES HERE" style="box-shadow: 1px 1px 3px #777; border: #E0E0E0 4px solid; border-radius: 15px; float: left; margin-right: 15px;" width="75"></a><span style="font-size: 13px; color: #000; font-family: century gothic; text-align: left;"><i>NAME OF PERSON</i></span><div style="border: 1px solid #DDD; margin: 0px 0px 0px 95px; height: 20px; width: 120px; background: #EFEFEF; text-align: left; border-radius: 10px; margin-bottom: 3px;"></div><div style="margin: -30px 0px 0px 95px; height: 25px; width: 120px; text-align: left; border-radius: 15px; margin-bottom: 3px;"> [INSERT HEART HTML HERE]</div><div style="margin: 0px 0px 0px 95px; height: 25px; width: 120px; text-align: left; border-radius: 15px; margin-bottom: 3px;"> <span style="font-size: 9px; color: #000; font-family: arial;">DESCRIPTION OF PERSON</span></div></div></div> </td><td style="vertical-align: top"><div style="width:215px; margin:15px;display:inline-block;vertical-align:top;"> <div style="width:100%;text-align:justify;margin-bottom:-10px;"><a href="JOURNAL LINK GOES HERE"><img src="IMAGE LINK GOES HERE" style="box-shadow: 1px 1px 3px #777; border: #E0E0E0 4px solid; border-radius: 15px; float: left; margin-right: 15px;" width="75"></a><span style="font-size: 13px; color: #000; font-family: century gothic; text-align: left;"><i>NAME OF PERSON</i></span><div style="border: 1px solid #DDD; margin: 0px 0px 0px 95px; height: 20px; width: 120px; background: #EFEFEF; text-align: left; border-radius: 10px; margin-bottom: 3px;"></div><div style="margin: -30px 0px 0px 95px; height: 25px; width: 120px; text-align: left; border-radius: 15px; margin-bottom: 3px;"> [INSERT HEART HTML HERE]</div><div style="margin: 0px 0px 0px 95px; height: 25px; width: 120px; text-align: left; border-radius: 15px; margin-bottom: 3px;"> <span style="font-size: 9px; color: #000; font-family: arial;">DESCRIPTION OF PERSON</span></div></div></div> </td><td style="vertical-align: top"><div style="width:215px; margin:15px;display:inline-block;vertical-align:top;"> <div style="width:100%;text-align:justify;margin-bottom:-10px;"><a href="JOURNAL LINK GOES HERE"><img src="IMAGE LINK GOES HERE" style="box-shadow: 1px 1px 3px #777; border: #E0E0E0 4px solid; border-radius: 15px; float: left; margin-right: 15px;" width="75"></a><span style="font-size: 13px; color: #000; font-family: century gothic; text-align: left;"><i>NAME OF PERSON</i></span><div style="border: 1px solid #DDD; margin: 0px 0px 0px 95px; height: 20px; width: 120px; background: #EFEFEF; text-align: left; border-radius: 10px; margin-bottom: 3px;"></div><div style="margin: -30px 0px 0px 95px; height: 25px; width: 120px; text-align: left; border-radius: 15px; margin-bottom: 3px;"> [INSERT HEART HTML HERE]</div><div style="margin: 0px 0px 0px 95px; height: 25px; width: 120px; text-align: left; border-radius: 15px; margin-bottom: 3px;"> <span style="font-size: 9px; color: #000; font-family: arial;">DESCRIPTION OF PERSON</span></div></div></div> </td> </tr></raw-code>


THREAD TRACKER

Hover Over ▶ for more info! <center><raw-code> <div style="height:950px;overflow:hidden"> <!-- START COPYING FROM HERE FOR YOUR "TABS" --!> <a name="LINK1"></a> <table style="overflow:hidden"> <tr><span style="font-family: Helvetica, Calibri, sans-serif; font-size: 13px; font-weight: 1000; text-align: center; text-transform: uppercase;"> <td style="padding: 20px; width: 60px; background: #0067E7; vertical-align: center;"></td> <td style="padding: 20px; width: 80px; background: #5cadfc; vertical-align: middle; border-left: 5px solid transparent;text-align:center;"><a href="#LINK1" style="color: #353535; text-decoration: none;">JUNE</a></td> <td style="padding: 20px; width: 80px; background: #4d92d6; vertical-align: middle;text-align:center;"><a href="#LINK2" style="color: #353535; text-decoration: none;">JULY</a> </td> <td style="padding: 20px; width: 80px; background: #4d92d6; vertical-align: middle;text-align:center;"><a href="#LINK3" style="color: #353535; text-decoration: none;">AUGUST</a> </td><td style="padding: 20px; width: 80px; background: #4d92d6; vertical-align: middle;text-align:center;"><a href="#LINK4" style="color: #353535; text-decoration: none;">MONTH</a> </td><td style="padding: 20px; width: 80px; background: #4d92d6; vertical-align: middle;text-align:center;"><a href="#LINK5" style="color: #353535; text-decoration: none;">MONTH</a> </td><td style="padding: 20px; width: 80px; background: #4d92d6; vertical-align: middle;text-align:center;"><a href="#LINK6" style="color: #353535; text-decoration: none;">MONTH</a> </span> </td> </tr> <tr> <td colspan="7" style="height: 1000px; width: 500px; padding: 0; text-align: left; vertical-align: left;"> <div style="height:1000px;width:700px;border-left:#0067E7 solid 100px;font-family:Lucida Sans Unicode;"> <div style="padding-left:10px; padding-top:10px"><span style="text-decoration:none;color:#000;"><B>DAY(S) OF MONTH |</B> DESCRIPTION</div> <div style="padding-left:60px;margin-top:0px;"><a href="THREAD LINK GOES HERE" target="_blank" title="DESCRIPTION OF THREAD" style="text-decoration:none;color:#000;"> ▶</A><img src="ICON LINK GOES HERE" height="33" width="33" style="margin-bottom:-5px; margin-right:2px"></DIV> <div style="padding-left:60px;margin-top:2px;"><a href="THREAD LINK GOES HERE" target="_blank" title="DESCRIPTION OF THREAD" style="text-decoration:none;color:#000;"> ▶</A><img src="ICON LINK GOES HERE" height="33" width="33" style="margin-bottom:-5px; margin-right:2px"></a>   </div> <div style="padding-left:10px;margin-top:15px;"><a href="" style="text-decoration:none;color:#000;"><B>DAY(S)OF MONTH |</B> DESCRIPTION</A>    </div> <div style="padding-left:60px;margin-top:2px;"><a href="THREAD LINK GOES HERE" target="_blank" style="text-decoration:none;color:#000" title="DESCRIPTION OF THREAD">▶</a> <img src="ICON LINK GOES HERE" height="33" width="33" style="margin-bottom:-5px; margin-right:2px"></div> <div style="padding-left:10px;margin-top:10px"> <a href="#LINK1" style="text-decoration:none;color:#000;"><span style="font-size: 16pt; color: #ffde3c;" title="Roommate">★</span> BACK TO THE TOP</p></a> </div> </div> </td> </tr> <tr><td style="height:50px;"></td></tr> </table> <!-- STOP COPYING AT THIS POINT FOR YOUR "TABS", AND PASTE DIRECTLY AFTER THIS PART, THIS IS THE START OF YOUR SECOND TAB--!> <a name="LINK2"></a> <table style=""> <tr><span style="font-family: Helvetica, Calibri, sans-serif; font-size: 13px; font-weight: 1000; text-align: center; text-transform: uppercase;"> <td style="padding: 20px; width: 60px; background: #0067E7; vertical-align: center;"></td> <td style="padding: 20px; width: 80px; background: #4d92d6; vertical-align: middle; border-left: 5px solid transparent;text-align:center;"><a href="#LINK1" style="color: #353535; text-decoration: none;">JUNE</a></td> <td style="padding: 20px; width: 80px; background: #5cadfc; vertical-align: middle;text-align:center;"><a href="#LINK2" style="color: #353535; text-decoration: none;">JULY</a> </td> <td style="padding: 20px; width: 80px; background: #4d92d6; vertical-align: middle;text-align:center;"><a href="#LINK3" style="color: #353535; text-decoration: none;">AUGUST</a> </td><td style="padding: 20px; width: 80px; background: #4d92d6; vertical-align: middle;text-align:center;"><a href="#LINK4" style="color: #353535; text-decoration: none;">MONTH</a> </td><td style="padding: 20px; width: 80px; background: #4d92d6; vertical-align: middle;text-align:center;"><a href="#LINK5" style="color: #353535; text-decoration: none;">MONTH</a> </td><td style="padding: 20px; width: 80px; background: #4d92d6; vertical-align: middle;text-align:center;"><a href="#LINK6" style="color: #353535; text-decoration: none;">MONTH</a> </span> </td> </tr> <tr> <td colspan="7" style="height: 1000px; width: 500px; padding: 0; text-align: left; vertical-align: left;"> <div style="height:1000px;width:700px;border-left:#0067E7 solid 100px;font-family:Lucida Sans Unicode;"> <div style="padding-left:10px; padding-top:10px"><a href="U" style="text-decoration:none;color:#000;"><B>DAYS OF MONTH|</B> DESCRIPTION.</div> <div style="padding-left:60px;margin-top:2px;"><a href="THREAD LINK GOES HERE" target="_blank" style="text-decoration:none;color:#000" title="DESCRIPTION OF THREAD">▶</a> <img src="LINK TO IMAGE GOES HERE" height="33" width="33" style="margin-bottom:-5px; margin-right:2px"></div> <div style="padding-left:10px;margin-top:10px"> <a href="#LINK2" style="text-decoration:none;color:#000;"><span style="font-size: 16pt; color: #ffde3c;" title="Roommate">★</span> BACK TO THE TOP</p></a> </div> </div> </td> </tr> <tr><td style="height:50px;"></td></tr> </table> <a name="LINK3"></a> <table style=""> <tr><span style="font-family: Helvetica, Calibri, sans-serif; font-size: 13px; font-weight: 1000; text-align: center; text-transform: uppercase;"><td style="padding: 20px; width: 60px; background: #0067E7; vertical-align: center;"></td> <td style="padding: 20px; width: 80px; background: #4d92d6; vertical-align: middle; border-left: 5px solid transparent;text-align:center;"><a href="#LINK1" style="color: #353535; text-decoration: none;">JUNE</a></td> <td style="padding: 20px; width: 80px; background: #4d92d6; vertical-align: middle;text-align:center;"><a href="#LINK2" style="color: #353535; text-decoration: none;">JULY</a> </td> <td style="padding: 20px; width: 80px; background: #5cadfc; vertical-align: middle;text-align:center;"><a href="#LINK3" style="color: #353535; text-decoration: none;">AUGUST</a> </td><td style="padding: 20px; width: 80px; background: #4d92d6; vertical-align: middle;text-align:center;"><a href="#LINK4" style="color: #353535; text-decoration: none;">MONTH</a> </td><td style="padding: 20px; width: 80px; background: #4d92d6; vertical-align: middle;text-align:center;"><a href="#LINK5" style="color: #353535; text-decoration: none;">MONTH</a> </td><td style="padding: 20px; width: 80px; background: #4d92d6; vertical-align: middle;text-align:center;"><a href="#LINK6" style="color: #353535; text-decoration: none;">MONTH</a></span> </td> </tr> <tr> <td colspan="7" style="height: 1000px; width: 500px; padding: 0; text-align: left; vertical-align: left;"> <div style="height:1000px;width:700px;border-left:#0067E7 solid 100px;font-family:Lucida Sans Unicode;"> <div style="padding-left:10px; padding-top:10px"><a href="U" style="text-decoration:none;color:#000;"><B>DATE|</B>thingy.</div> <div style="padding-left:60px;margin-top:2px;"><a href="LINK" target="_blank" style="text-decoration:none;color:#000" title="DESCRIPTION ">▶</a> <img src="ICON" height="33" width="33" style="margin-bottom:-5px; margin-right:2px"></div> <div style="padding-left:60px;margin-top:2px;"><a href="link" target="_blank" style="text-decoration:none;color:#000" title="DESCRIPTION">▶</a> <img src="ICON" height="33" width="33" style="margin-bottom:-5px; margin-right:2px"></div> <div style="padding-left:10px;margin-top:10px"> <a href="#LINK3" style="text-decoration:none;color:#000;"><span style="font-size: 16pt; color: #ffde3c;" title="Roommate">★</span> BACK TO THE TOP</p></a> </div> </div> </td> </tr> </table> </div> </raw-code> [CODE BY <lj user=pagans>, <lj user=bannertech>, <LJ USER=nikkernoodle>]


STATUS CODE

<center><raw-code> <div style="height:500px; overflow: hidden;"> <!-- START COPYING FROM HERE FOR YOUR "TABS" --!> <a name="LINK1"></a> <table style="font-family: Helvetica, Calibri, sans-serif; font-size: 13px; font-weight: 800; text-align: center; text-transform: uppercase;"> <tr> <td style="padding: 20px; width: 80px; background: #f3f6de; vertical-align: center;"><a href="#LINK1" style=" color: #353535; text-decoration: none;">TAB 1</a></td> <td style="padding: 20px; width: 80px; background: #e4e7d1; vertical-align: middle; border-left: 5px solid transparent;"><a href="#LINK2" style="color: #353535; text-decoration: none;">TAB 2</a></td> <td style="padding: 20px; width: 80px; background: #e4e7d1; vertical-align: middle;"><a href="#LINK3" style="color: #353535; text-decoration: none;">TAB 3</a> </td> </tr> <tr> <td colspan="3" style="background: url(INSERT BACKGROUND PIC HERE) #ececec; background-position: center center; height: 400px; width: 400px; padding: 0; text-align: center; vertical-align: middle;-webkit-filter: brightness(1.4) invert(0.2) saturate(1.3);"> <div style="background: #000000; background-position: center center; width: 400px; position: relative; top: 118px; opacity: 0.8; padding: 14px 14px; text-align: left; font-size: 0.8em;text-transform: none; color: #ffffff"> <span style="font: 12px; font color: #ffffff">INSERT TEXT HERE </div> </td> </tr> <tr><td style="height:50px;"></td></tr> </table> <!-- STOP COPYING AT THIS POINT FOR YOUR "TABS", AND PASTE DIRECTLY AFTER THIS PART--!> <a name="LINK2"></a> <table style="font-family: Helvetica, Calibri, sans-serif; font-size: 13px; font-weight: 800; text-align: center; text-transform: uppercase;"> <tr> <td style="padding: 20px; width: 80px; background: #e4e7d1; vertical-align: center;"><a href="#LINK1" style=" color: #353535; text-decoration: none;">TAB 1</a></td> <td style="padding: 20px; width: 80px; background: #f3f6de; vertical-align: middle; border-left: 5px solid transparent;"><a href="#LINK2" style="color: #353535; text-decoration: none;">TAB 2</a></td> <td style="padding: 20px; width: 80px; background: #e4e7d1; vertical-align: middle;"><a href="#LINK3" style="color: #353535; text-decoration: none;">TAB 3</a> </td> </tr> <tr> <td colspan="3" style="background: url(INSERT BACKGROUND IMAGE HERE) #ececec; background-position: center center; height: 400px; width: 400px; padding: 0; text-align: center; vertical-align: middle;-webkit-filter: brightness(1.4) invert(0.2) saturate(1.3);"> <div style="background: #000000; background-position: center center; width: 400px; position: relative; top: 118px; opacity: 0.8; padding: 14px 14px; text-align: left; font-size: 0.8em;text-transform: none; color: #ffffff">BUT TEXT HERE </div> </td> </tr> <tr><td style="height:50px;"></td></tr> </table> <a name="LINK3"></a> <table style="font-family: Helvetica, Calibri, sans-serif; font-size: 13px; font-weight: 800; text-align: center; text-transform: uppercase;"> <tr> <td style="padding: 20px; width: 80px; background: #e4e7d1; vertical-align: center;"><a href="#LINK1" style=" color: #353535; text-decoration: none;">TAB 1</a></td> <td style="padding: 20px; width: 80px; background: #e4e7d1; vertical-align: middle; border-left: 5px solid transparent;"><a href="#LINK2" style="color: #353535; text-decoration: none;">TAB 2</a></td> <td style="padding: 20px; width: 80px; background: #f3f6de; vertical-align: middle;"><a href="#LINK3" style="color: #353535; text-decoration: none;">TAB 3</a> </td> </tr> <tr> <td colspan="3" style="background: url(http://i.imgur.com/1OxYACA.png?2) #ececec; background-position: center center; height: 400px; width: 400px; padding: 0; text-align: center; vertical-align: middle;-webkit-filter: brightness(1.4) invert(0.2) saturate(1.3);"> <div style="background: #000000; background-position: center center; width: 400px; position: relative; top: 140px; opacity: 0.8; padding: 14px 14px; text-align: left; font-size: 0.8em;text-transform: none; color: #ffffff">INSERT TEXT HERE </div> </td> </tr> <tr><td style="height:50px;"></td></tr> </table> </div> </raw-code> [CODE BY <lj user=pagans>]


emojis here!