Lace CR Chart

[dreamingcellardoor]

Hibana has some crazy cute lace graphics so I made this CR Chart thinking only that I wanted it to have lace in it.

Character Name from Canon

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Character Name from Canon

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

NOTES:
- The height of each section is set. This is so the lace running down the center will always match up on the ends.
- The lace running down the center has a transparent background on the left (the side with the icons) but has a white background on the right. Keep this in mind if you want to change the background colours.
- I change the opacity of the icons to indicate which characters have been dropped. If you won't use that function, just remove 'opacity: 1.0' entirely.

COLOURS:

#7A2747	#FFFFFF	#AB0061	#272727

Please upload the images use to an image hosting site of your choice.

<raw-code> <!--TABLE STARTS HERE. DO NOT DELETE THE TAG ABOVE THIS LINE--> <div style="height: 222px; width:550px; position: relative; top: 17px; background:#FFFFFF;"> <div style="background-color: #7A2747; width:120px; height: 146px; position: relative; top: 41px; left: 0px;"> <!--ICON. OPACTIY FOR DROPPED/INACTIVE CHARACTERS CHANGE 'opacity: 1.0' to 'opacity: 0.8'--> <img src="http://www.dreamwidth.org/userpic/1980945/1136976" style="width:100px; height: 100px; padding:10px 10px 12px 10px; opacity: 1.0;"> <!--Bar indicating how close the characters are to yours.--> <div style="width: 88px; height: 17px; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; position: relative; top: -5px; left: 10px;"><span style="display: block; width: 100%; height: 100%; background-image: url(http://i.imgur.com/9I27Y43.png); background-repeat: repeat-x;"></span> </div> </div> <!--CHARACTER NAME, SERIES AND BLURB. FOR--> <div style="height: 200px; width: 400px; background-color: #FFFFFF; position: relative; top: -123px; left: 145px; font: 9pt Tahoma, sans-serif; color: #272727"> <font style="font-variant: small-caps; font-size:14pt; color: #AB0061;">Character Name </font>from<font style="font-variant: small-caps; font-size:14pt; color: #AB0061;"> Canon</FONT><BR><BR> <font style="font-variant: small-caps; font-size:12pt; color: #AB0061;">Lorem</font> ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div> <!--LACE GRAPHIC--> <div style="height: 212px; background-color: transparent; background-image: url(http://i.imgur.com/nJFdJ.png); position: relative; top: -346px; left: 100px; background-repeat: repeat-y; padding-top: 10px; z-index:1;"> </div> </div> <!--TABLE ENDS HERE. DO NOT DELETE ANY TAGS AFTER THIS LINE--> </raw-code> <small><font color="#686868"><center>Code by <user name="code_orange"> Graphics from <a href="http://hibana.rgr.jp/">ヒバナ (hibana)</a></center></font></small>

If you find any problems with this code please tell me!