Character Relationships

[kunsel]

NAME HERE TEXT HERE

NAME HERE TEXT HERE

NAME HERE TEXT HERE

NAME HERE TEXT HERE

code by cawaii




ADDITIONAL
<td style="padding: 4px 2px 12px 2px;"> <div style="width: 160px;"> <div style="width: 100%; text-align: center;"> <span style="font-family: futura, 'century gothic', sans-serif; font-size: 14px; color: #000;">NAME HERE</span> <br/> <img src="IMAGE URL HERE" style="height: 80px; width: 80px; border: 6px solid #ffffff; border-radius: 12px; box-shadow: 1px 1px 3px #000; margin: 3px 0px;"> </div> <center> <div style="height: 10px; width: 100px; background: #fff; text-align: left; border: 3px solid #000; border-radius: 12px; margin-bottom: 3px;"> <div style="height: 100%; width: NUMBER%; background: HEXCODE; border-radius: 10px 0px 0px 10px;"></div> </div> <div style="height: 10px; width: 100px; background: #000; text-align: center; border: 3px solid #000; border-radius: 10px;"> <span style="font-family: futura, 'century gothic', sans-serif; color: #fff; font-size: 12px; text-transform: uppercase; position: relative; top: -4px;">TEXT HERE</span> </div> </center> </div> </td>

INSTRUCTIONS
#97be1c (green) #0085de (blue) #fb526d (pink) #ffcd00 (yellow) #d191bb (lavender) #ff8e00 (gold) #f52612 (red) #38d09a (seafoam) To adjust how much the bar has filled up, replace NUMBER with any number from 0 to 100. If the value is above 95, replace border-radius: 10px 0px 0px 10px; with just border-radius: 10px;