code: attributes sheet

[efficio]

attributes sheet I don't really know what this is! It's just a fun little sheet you can fill out to give people an immediate idea of your character's personality, no textwalls needed. It was made with original characters in mind, but it could work for any character! To change the fullness of the bar, simply move the </span>, like so: To change the colors, replace #0d0d0d and #ddd. Any two colors should work! Replace USERPIC with the icon of your choice, NAME HERE with your character's name, CANON HERE with their canon, and FLAVOR TEXT with whatever text you'd like. Lastly, make sure to disable auto-formatting or it'll look all wonky. CODE: <center><br><br> <table width="400"><tbody><tr><td style="box-shadow: #aaa 1px 1px 1px;background: #fff;font-family: helvetica;padding: 10px;"><center><img src="USERPIC" style="width: 80px;border-radius: 100px;margin-top: -50px;border: 5px solid #fff;box-shadow: #d5d5d5 1px 1px 1px 1px;"><br> <div style="line-height: 15px;"><span style="font-weight: bold;font-style: italic;font-family: times new roman;font-size: 25px;text-shadow: #d5d5d5 1px 1px 1px;">NAME HERE</span><br> <span style="font-weight: bold;font-style: italic;font-family: times new roman;color: #aaa;">CANON HERE</span></div> <div style="border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 2px;font-size: 9px;letter-spacing: 1px;margin-top: 5px;margin-bottom: 5px;">FLAVOR TEXT</div> <table style="font-family: helvetica;font-size: 11px;width:300px;line-height: 25px;font-weight: bold;text-shadow: #d5d5d5 1px 1px 1px;"><tbody><tr><td>LAWFUL</td><td style="letter-spacing: -1px;color: #ddd;"><span style="font-weight: bold;color: #0d0d0d;">█</span>██████████████</td><td>CHAOTIC</td></tr> <tr><td>PRUDENT</td><td style="letter-spacing: -1px;color: #ddd;"><span style="font-weight: bold;color: #0d0d0d;">█</span>██████████████</td><td>RECKLESS</td></tr> <tr><td>SELFLESS</td><td style="letter-spacing: -1px;color: #ddd;"><span style="font-weight: bold;color: #0d0d0d;">█</span>██████████████</td><td>SELF-SERVING</td></tr> <tr><td>EMOTIONAL</td><td style="letter-spacing: -1px;color: #ddd;"><span style="font-weight: bold;color: #0d0d0d;">█</span>██████████████</td><td>LOGICAL</td></tr> <tr><td>TRUSTING</td><td style="letter-spacing: -1px;color: #ddd;"><span style="font-weight: bold;color: #0d0d0d;">█</span>██████████████</td><td>SUSPICIOUS</td></tr> <tr><td>HONEST</td><td style="letter-spacing: -1px;color: #ddd;"><span style="font-weight: bold;color: #0d0d0d;">█</span>██████████████</td><td>DECEITFUL</td></tr> <tr><td>AGREEABLE</td><td style="letter-spacing: -1px;color: #ddd;"><span style="font-weight: bold;color: #0d0d0d;">█</span>██████████████</td><td>DISAGREEABLE</td></tr> <tr><td>INTROVERTED</td><td style="letter-spacing: -1px;color: #ddd;"><span style="font-weight: bold;color: #0d0d0d;">█</span>██████████████</td><td>EXTRAVERTED</td></tr> <tr><td>ENERGETIC</td><td style="letter-spacing: -1px;color: #ddd;"><span style="font-weight: bold;color: #0d0d0d;">███████████████</span></td><td>INACTIVE</td></tr></tbody></table> </td></tr></tbody></table>

Comments

[minotaur]

love this, thanks for sharing!

[hachimaki]

I love this table! I plan to use it for its intended use someday, but I definitely did yank just a portion of your code for a CR Chart. I modified it here and of course gave you credit! Hope you don't mind.

[efficio]

I don't mind at all!! It looks awesome! C:

[littlesparrow]

I made some Fallout-themed versions of your code, found over here! All I did is change the colors and fonts, though, but I figured maybe you and other people would get a kick out of it anyway?

[efficio]

That's so awesome! I love it! Thanks for letting me see it C:

[myrmidon]

Brilliant code, I love this idea a LOT. I'll be incorporating this on quite a few journals likely (all credited).

Thank you! ♥

[efficio]

I'm so glad you like it! ♥

[fe_male]

I liked this a lot but man I fought with the other code I stuck it in for days before I just previewed it on another page and stuck it where I wanted it as an image. I still love the idea of it though, and I'm using it here, so ty!