CR Chart

[hisguardian]

Liger Rin Ryu Gyro Killua Iskander Blake Renzo Law Mary Jae-Ha Shal Lys Seren Noiz Gokudera Erza Momo Midorima Dylas Mihai Koishi Gamagori Peony Guy Jade Kaname Zuko Perona Gon Nero Nicholai Sebastian Kallen Vivi Haru Clear Esther Suga Mei Samus Hitoshura

Ligerhisguardian Much FriendVery Cute So TrustWow??? Rinrashness Friend LevelAttraction Level Trust LevelIntimacy Level Ryushirtlessin321 Friend LevelAttraction Level Trust LevelIntimacy Level Gyrorellarella Friend LevelAttraction Level Trust LevelIntimacy Level Killuakilluwatt Friend LevelAttraction Level Trust LevelIntimacy Level Iskanderconqueredhearts Friend LevelAttraction Level Trust LevelIntimacy Level Blakekittyears Friend LevelAttraction Level Trust LevelIntimacy Level Renzoworldlyafflictions Friend LevelAttraction Level Trust LevelIntimacy Level Lawshambled Friend LevelAttraction Level Trust LevelIntimacy Level Marycorona_spinea Friend LevelAttraction Level Trust LevelIntimacy Level Jae-Harazzledazzles Friend LevelAttraction Level Trust LevelIntimacy Level Shalcheekbandaged Friend LevelAttraction Level Trust LevelIntimacy Level Lyspawper Friend LevelAttraction Level Trust LevelIntimacy Level Serensprider Friend LevelAttraction Level Trust LevelIntimacy Level Noizzunge Friend LevelAttraction Level Trust LevelIntimacy Level Gokuderabakudan-bambino Friend LevelAttraction Level Trust LevelIntimacy Level Erzaexquip Friend LevelAttraction Level Trust LevelIntimacy Level Momocre8million Friend LevelAttraction Level Trust LevelIntimacy Level Midorimatsunverde Friend LevelAttraction Level Trust LevelIntimacy Level Dylassullenstallion Friend LevelAttraction Level Trust LevelIntimacy Level Mihaiseniormoment Friend LevelAttraction Level Trust LevelIntimacy Level Koishiclosed_eyes Friend LevelAttraction Level Trust LevelIntimacy Level Gamagoribulwank Friend LevelAttraction Level Trust LevelIntimacy Level Peonydeathscore Friend LevelAttraction Level Trust LevelIntimacy Level Guygardians Friend LevelAttraction Level Trust LevelIntimacy Level Jadeantiseptic Friend LevelAttraction Level Trust LevelIntimacy Level Kanamepivotpoint Friend LevelAttraction Level Trust LevelIntimacy Level Zukohotman Friend LevelAttraction Level Trust LevelIntimacy Level Peronahollower Friend LevelAttraction Level Trust LevelIntimacy Level Gontotallyfine Friend LevelAttraction Level Trust LevelIntimacy Level Neronrvnqsr Friend LevelAttraction Level Trust LevelIntimacy Level Nicholaivetal Friend LevelAttraction Level Trust LevelIntimacy Level Sebastiancutlery Friend LevelAttraction Level Trust LevelIntimacy Level Kallenhalfbloodqueen Friend LevelAttraction Level Trust LevelIntimacy Level Vivialabastajewel Friend LevelAttraction Level Trust LevelIntimacy Level Haruamnesiact Friend LevelAttraction Level Trust LevelIntimacy Level Clearmandroid Friend LevelAttraction Level Trust LevelIntimacy Level Esthercsillag Friend LevelAttraction Level Trust LevelIntimacy Level Sugacrowmom Friend LevelAttraction Level Trust LevelIntimacy Level Meipressurizer Friend LevelAttraction Level Trust LevelIntimacy Level Samusraisedbybirds Friend LevelAttraction Level Trust LevelIntimacy Level Hitoshurademonish Friend LevelAttraction Level Trust LevelIntimacy Level

Comments

Get the code!!

[hisguardian]

Easy Edit GDoc

- Each #LINK1 corresponds to a matching character's LINK1 listed before their name. They can be whatever you want as long as the # stays in the menu's set of links. - In the character paragraph sections, the options that use percentages can be edited to change the length of the bar. The smaller one (set at 50%) will be the one you want to change. - Because of how the code works, the divs are arranged like this: Friend Level title, Attraction Level title Friend Level bar Attraction level bar Trust Level title, Intimacy Level title Trust Level bar Intimacy level bar - Make sure to select "Disable Auto-formatting" and don't view in the rich text editor. <cut text="CR Chart"> <raw-code> <center> <div><table style="background: #C8A764; border: 10px solid #8F6437; box-shadow: #260D00 0px 2px 4px;"><tr> <!--COLUMN 1 START--> <td style="vertical-align: top;"><div style="height: 5px;"></div> <!--BODY START--> <div style="width: 182px; background: #51321C; position: relative; z-index: 2; border: 8px solid #51321C; border-radius: 20px; padding: 3px; text-align: center; box-shadow: #260D00 0px 2px 4px;"> <!--ITEM START--> <div style="width: 170px; background: #FDF8C1; height: 34px; margin: 6px; box-shadow: #260D00 0px 2px 4px;"> <a href="#LINK1" style="text-decoration: none;"><span style="font: 25px Georgia; line-height: 34px; color: #761B09;">Char1</span></a> </div> <!--ITEM END--> <!--ITEM START--> <div style="width: 170px; background: #FDF8C1; height: 34px; margin: 6px; box-shadow: #260D00 0px 2px 4px;"> <a href="#LINK2" style="text-decoration: none;"><span style="font: 25px Georgia; line-height: 34px; color: #761B09;">Char2</span></a> </div> <!--ITEM END--> <!--ITEM START--> <div style="width: 170px; background: #FDF8C1; height: 34px; margin: 6px; box-shadow: #260D00 0px 2px 4px;"> <a href="#LINK3" style="text-decoration: none;"><span style="font: 25px Georgia; line-height: 34px; color: #761B09;">Char3</span></a> </div> <!--ITEM END--> <!--COLUMN 2 START--> <td style="vertical-align: top;"><div style="height: 15px;"></div> <!--CHARACTER START--> <div style="width: 500px; background: #EFE7A8; position: relative; z-index: 1; border: 3px solid #856A29; padding: 10px; font: 11px helvetica, arial, sans-serif; color: #777777; text-align: justify;"> <div style="margin-bottom: 15px;"> <img src="http://www.dreamwidth.org/userpic/1005019/1136765" style="height: 100px; border: 4px solid #FFFFE0; margin-left: 10px; float: right; box-shadow: #260D00 0px 2px 4px;"> <a name="LINK1"><span style="font: bold 30px Lucida Sans; color: #5D4E15;">Char1</span></a><span style="font: bold italic 15px Lucida Sans; margin-top: 15px; color: #5D4E15; float: right;">username1</span> <br/><span style="font: bold 15px Lucida Sans, arial, sans-serif; color: #5D4E15;">Friend Level</span><span style="font: bold 15px Lucida Sans, arial, sans-serif; color: #5D4E15; float: right;">Attraction Level</span><br> <div style="height: 8px; width: 150px; margin-left: 10px; background: #AE9842; border: 1px solid #B44D2C; float: left;"><div style="height: 100%; width: 50%; background: #B44D2C;"></div></div> <div style="height: 8px; width: 150px; margin-right: 10px; background: #AE9842; border: 1px solid #73539E; float: right;"><div style="height: 100%; width: 50%; background: #73539E;"></div></div> <br/><br/> <span style="font: bold 15px Lucida Sans, arial, sans-serif; color: #5D4E15;">Trust Level</span><span style="font: bold 15px Lucida Sans, arial, sans-serif; color: #5D4E15; float: right;">Intimacy Level</span><br/> <div style="height: 8px; width: 150px; margin-left: 10px; background: #AE9842; border: 1px solid #5F9D3A; float: left;"><div style="height: 100%; width: 50%; background: #5F9D3A; float: left;"></div></div> <div style="height: 8px; width: 150px; margin-right: 10px; background: #AE9842; border: 1px solid #B8570A; float: right;"><div style="height: 100%; width: 50%; background: #B8570A;"></div></div> </div></div><br/> <!--CHARACTER END--> <!--CHARACTER START--> <div style="width: 500px; background: #EFE7A8; position: relative; z-index: 1; border: 3px solid #856A29; padding: 10px; font: 11px helvetica, arial, sans-serif; color: #777777; text-align: justify;"> <div style="margin-bottom: 15px;"> <img src="http://www.dreamwidth.org/userpic/1005019/1136765" style="height: 100px; border: 4px solid #FFFFE0; margin-left: 10px; float: right; box-shadow: #260D00 0px 2px 4px;"> <a name="LINK2"><span style="font: bold 30px Lucida Sans; color: #5D4E15;">Char2</span></a><span style="font: bold italic 15px Lucida Sans; margin-top: 15px; color: #5D4E15; float: right;">username2</span> <br/><span style="font: bold 15px Lucida Sans, arial, sans-serif; color: #5D4E15;">Friend Level</span><span style="font: bold 15px Lucida Sans, arial, sans-serif; color: #5D4E15; float: right;">Attraction Level</span><br> <div style="height: 8px; width: 150px; margin-left: 10px; background: #AE9842; border: 1px solid #B44D2C; float: left;"><div style="height: 100%; width: 50%; background: #B44D2C;"></div></div> <div style="height: 8px; width: 150px; margin-right: 10px; background: #AE9842; border: 1px solid #73539E; float: right;"><div style="height: 100%; width: 50%; background: #73539E;"></div></div> <br/><br/> <span style="font: bold 15px Lucida Sans, arial, sans-serif; color: #5D4E15;">Trust Level</span><span style="font: bold 15px Lucida Sans, arial, sans-serif; color: #5D4E15; float: right;">Intimacy Level</span><br/> <div style="height: 8px; width: 150px; margin-left: 10px; background: #AE9842; border: 1px solid #5F9D3A; float: left;"><div style="height: 100%; width: 50%; background: #5F9D3A; float: left;"></div></div> <div style="height: 8px; width: 150px; margin-right: 10px; background: #AE9842; border: 1px solid #B8570A; float: right;"><div style="height: 100%; width: 50%; background: #B8570A;"></div></div> </div></div><br/> <!--CHARACTER END--> <!--CHARACTER START--> <div style="width: 500px; background: #EFE7A8; position: relative; z-index: 1; border: 3px solid #856A29; padding: 10px; font: 11px helvetica, arial, sans-serif; color: #777777; text-align: justify;"> <div style="margin-bottom: 15px;"> <img src="http://www.dreamwidth.org/userpic/1005019/1136765" style="height: 100px; border: 4px solid #FFFFE0; margin-left: 10px; float: right; box-shadow: #260D00 0px 2px 4px;"> <a name="LINK3"><span style="font: bold 30px Lucida Sans; color: #5D4E15;">Char3</span></a><span style="font: bold italic 15px Lucida Sans; margin-top: 15px; color: #5D4E15; float: right;">username3</span> <br/><span style="font: bold 15px Lucida Sans, arial, sans-serif; color: #5D4E15;">Friend Level</span><span style="font: bold 15px Lucida Sans, arial, sans-serif; color: #5D4E15; float: right;">Attraction Level</span><br> <div style="height: 8px; width: 150px; margin-left: 10px; background: #AE9842; border: 1px solid #B44D2C; float: left;"><div style="height: 100%; width: 50%; background: #B44D2C;"></div></div> <div style="height: 8px; width: 150px; margin-right: 10px; background: #AE9842; border: 1px solid #73539E; float: right;"><div style="height: 100%; width: 50%; background: #73539E;"></div></div> <br/><br/> <span style="font: bold 15px Lucida Sans, arial, sans-serif; color: #5D4E15;">Trust Level</span><span style="font: bold 15px Lucida Sans, arial, sans-serif; color: #5D4E15; float: right;">Intimacy Level</span><br/> <div style="height: 8px; width: 150px; margin-left: 10px; background: #AE9842; border: 1px solid #5F9D3A; float: left;"><div style="height: 100%; width: 50%; background: #5F9D3A; float: left;"></div></div> <div style="height: 8px; width: 150px; margin-right: 10px; background: #AE9842; border: 1px solid #B8570A; float: right;"><div style="height: 100%; width: 50%; background: #B8570A;"></div></div> </div></div><br/> <!--CHARACTER END--> <!--CLOSING TAGS--> </div></table></center></cut>