.hack//G.U. Themed CR Chart

[betterlogoutand]

i hate tables today

IMPORTANT UPDATE AS OF 07/11/2016 if anyone still uses this, but there is a newer and cleaner version of this chart here! Leaving the old one up here just in case but wow this version is awful and messy please don't use it.

updated slightly as of 09/22/12 check out dem scrollbars

			▴ ────────────────      betterlogoutand In in augue neque, non molestie libero. Quisque sapien turpis, hendrerit dignissim aliquam sed, scelerisque ac dolor. Vivamus at gravida diam. Praesent vel pellentesque magna. Sed ullamcorper aliquam augue, eu pharetra neque hendrerit sit amet. Vivamus urna felis, tincidunt in venenatis sit amet, blandit sed elit. Nulla venenatis magna ac erat molestie ut molestie dui volutpat. Proin tincidunt venenatis euismod. Mauris bibendum, enim vel commodo auctor, mauris mauris tristique mi, sit amet semper nibh risus ut urna. Ut euismod auctor ante, vel commodo sapien bibendum vitae. Curabitur interdum semper nulla vitae euismod. Nulla facilisi. Donec porta sapien congue dui hendrerit posuere porta eu purus. ▾	◂
HASEO
⚫⚫⚫⚫⚪⚪
Interested In: Tri-Edge Hates: PKers Belt Count: Fifty Two "Tri-Edge?!?!?!"

For comparison!

Can also be seen in action here here!

And colours for the affection meter:
⚫ #ff0200
⚫ #1379e2
⚫ #f9e035
⚫ #ef73ab
Feel free to add/remove/change colours if you want! Or use something else entirely, whatevs.

<div style="background: #282828; padding: 6px; height: 300px; width: 600px; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 55px; vertical-align: middle"><center><table style="width: 535px; height: 300px; border-spacing: 0px 0px;"> <tr> <td style="width: 180px; background-color: #eae6e3; height: 1px"></td> <td style="background-color: #eae6e3; height: 150px;" rowspan="4"><center> <img src="!!!!ICON HERE!!!!" style="border: #282828 solid 6px"></center></td> <td style="width: 1px" rowspan="5"></td> <td style="width: 200px; background-color: #b7b7b7; vertical-align: top" rowspan="5"><center><font color="#5d5d5d">▴ ────────────────</font></center><div style="width: 100%; background-color: #5d5d5d">     <span style='white-space: nowrap;'><a href='http://!!!!USERNAME HERE!!!!.dreamwidth.org/profile'><img src='http://www.dreamwidth.org/img/silk/identity/user.png' alt='[personal profile] ' width='17' height='17' style='vertical-align: text-bottom; border: 0; padding-right: 1px;' /></a><a href='http://!!!!USERNAME HERE!!!!.dreamwidth.org/'><b><font color="#d7d7d7">!!!!USERNAME HERE!!!!</font></b></a></span></div><div style="overflow: auto; height: 200px"><font color="#5d5d5d"><small>In in augue neque, non molestie libero. Quisque sapien turpis, hendrerit dignissim aliquam sed, scelerisque ac dolor. Vivamus at gravida diam. Praesent vel pellentesque magna. Sed ullamcorper aliquam augue, eu pharetra neque hendrerit sit amet. Vivamus urna felis, tincidunt in venenatis sit amet, blandit sed elit. Nulla venenatis magna ac erat molestie ut molestie dui volutpat. Proin tincidunt venenatis euismod. Mauris bibendum, enim vel commodo auctor, mauris mauris tristique mi, sit amet semper nibh risus ut urna. Ut euismod auctor ante, vel commodo sapien bibendum vitae. Curabitur interdum semper nulla vitae euismod. Nulla facilisi. Donec porta sapien congue dui hendrerit posuere porta eu purus.</small></div><center>▾</center></font></td> <td style="width: 1px; vertical-align: top" rowspan="5"><br> <font color="#d7d7d7">◂</font></td> </tr> <tr> <td style="background-color: #eae6e3; height: 30px"></td> </tr> <tr> <td style="background-color: #919191; height: 1px"><center><big><b><font color="#d7d7d7">!!!!CHARACTER NAME HERE!!!!</font></b></big></center></td> </tr> <tr> <td style="background-color: #eae6e3; height: 50px; vertical-align: top">  <font color="1379e2"><big><big><big>⚫</big></big></big>⚫⚫⚫</font>⚪⚪</td> </tr> <tr> <td style="background-color: #eae6e3; height: 150px" colspan="2"><center> <div style="background: #f9f7f5; padding: 6px; height: 100px; width: 240px; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 55px; vertical-align: middle"><table style="width: 220px"><tr><td><font color="#282828"><b>FACT #1:</b> FUN FACTS!! <b>FACT #2:</b> THEY'RE REALLY FUN!!! <b>FACT #3:</b> (if you have leftover space) "<i>Very short quote!</i>"</font></td></tr></table></div></center></td> </tr> </table></center></div>

Comments

[di_intraining]

I really like the look of this chart, so I hope you don't mind me using it with proper credits! Thanks very much for sharing.

[betterlogoutand]

No problem, and I'm glad you like it! o/

[dualgunner]

AH HAH, I knew a CR chart like this was sitting around dreamwidth somewhere!!

[betterlogoutand]

hue WELL I AM GLAD A FELLOW HASEO APPROVES although this code is really old and unwieldy and in dire need of fixing, wow. I'll get around to that at... some point... maybe...

[dualgunner]

Well if you ever do another one/any other .hack themed stuff I'd love to be alerted! The circles did weird things so I fussed and made orbs on mine, feel free to use those orbs if you feel like being as fancy as me (I overdo it usually tbh)