info sheet: zoe

[efficio]

( click for full-size! )

info sheet: zoe Another info sheet! I love these things. This one's super super simple and I did it quickly on a whim, but I figured I'd post it for the hell of it. First of all: two codes are offered below, RED and BLACK. If you want to change the accent color to, say, blue, grab the red code and find and replace #990033 with the color of your choice. From there, replace IMAGE with an image of your choice; ideally it should be around 250px in width, but it'll be automatically resized if not. Everything else is self-explanatory! If you want to change the fonts, they're BODONI MT for the titles, HELVETICA for the body text, and LUCIDA CONSOLE for the other parts. RED CODE <raw-code><center><table width="950" style="font-family: helvetica;"><tbody><tr> <!-- LEFT COLUMN START --> <td style="vertical-align: top;width: 250px;padding-right: 25px;"><center><img src=" IMAGE " width="250"></div></center><br> <center><span style="font-family:bodoni mt;font-size:20px;font-style: italic;color:#990033;letter-spacing: 2px;">BASIC INFO</span></center><br> <table><tbody><tr><td style="color:#990033;font-family: lucida console;letter-spacing:1px;">NAME:</td> <td>Firstname Lastname</td></tr> <tr><td style="color:#990033;font-family: lucida console;letter-spacing:1px;">A.K.A.:</td> <td>Aliases/Titles</td></tr> <tr><td style="color:#990033;font-family: lucida console;letter-spacing:1px;">CANON:</td> <td>Canon</td></tr> <tr><td style="color:#990033;font-family: lucida console;letter-spacing:1px;">HOMEWORLD:</td> <td>Setting</td></tr> <tr><td style="color:#990033;font-family: lucida console;letter-spacing:1px;">AGE:</td> <td>Age</td></tr> <tr><td style="color:#990033;font-family: lucida console;letter-spacing:1px;">GENDER:</td> <td>Gender</td></tr> <tr><td style="color:#990033;font-family: lucida console;letter-spacing:1px;">SPECIES:</td> <td>Species</td></tr></tbody></table><br> <center><span style="font-family:bodoni mt;font-size:20px;font-style: italic;color:#990033;letter-spacing: 2px;">FIRST GLANCE</span></center><br> <table><tbody><tr><td style="color:#990033;font-family: lucida console;letter-spacing:1px;">APPEARANCE:</td> <td><a href="LINK">Link</a></td></tr> <tr><td style="color:#990033;font-family: lucida console;letter-spacing:1px;">HEIGHT:</td> <td>0'0"</td></tr> <tr><td style="color:#990033;font-family: lucida console;letter-spacing:1px;">BUILD:</td> <td>Build</td></tr> <tr><td style="color:#990033;font-family: lucida console;letter-spacing:1px;">HAIR:</td> <td>Hair</td></tr> <tr><td style="color:#990033;font-family: lucida console;letter-spacing:1px;">EYES:</td> <td>Eyes</td></tr> <tr><td style="color:#990033;font-family: lucida console;letter-spacing:1px;">DRESS:</td> <td>Style of dress</td></tr> <tr><td style="color:#990033;font-family: lucida console;letter-spacing:1px;">SCENT:</td> <td>Scent</td></tr> <tr><td style="color:#990033;font-family: lucida console;letter-spacing:1px;">VOICE:</td> <td>Voice</td></tr> <tr><td style="color:#990033;font-family: lucida console;letter-spacing:1px;">DEMEANOR:</td> <td>Demeanor</td></tr></tbody></table><br> <center><span style="font-family:bodoni mt;font-size:20px;font-style: italic;color:#990033;letter-spacing: 2px;">PERMISSIONS</span></center><br> <table><tbody><tr><tr><td style="color:#990033;font-family: lucida console;letter-spacing:1px;">BACKTAGGING:</td> <td><font color="green">✔</font> / <font color="red">✘</font></td></tr> <tr><td style="color:#990033;font-family: lucida console;letter-spacing:1px;">4TH-WALLING:</td> <td><font color="green">✔</font> / <font color="red">✘</font></td></tr> <tr><td style="color:#990033;font-family: lucida console;letter-spacing:1px;">THREADJACKING:</td> <td><font color="green">✔</font> / <font color="red">✘</font></td></tr> <tr><td style="color:#990033;font-family: lucida console;letter-spacing:1px;">MIND-READING:</td> <td><font color="green">✔</font> / <font color="red">✘</font></td></tr> <tr><td style="color:#990033;font-family: lucida console;letter-spacing:1px;">FIGHTING:</td> <td><font color="green">✔</font> / <font color="red">✘</font></td></tr> <tr><td style="color:#990033;font-family: lucida console;letter-spacing:1px;">ROMANCE:</td> <td><font color="green">✔</font> / <font color="red">✘</font></td></tr> <tr><td style="color:#990033;font-family: lucida console;letter-spacing:1px;">INJURY:</td> <td><font color="green">✔</font> / <font color="red">✘</font></td></tr> <tr><td style="color:#990033;font-family: lucida console;letter-spacing:1px;">KILLING:</td> <td><font color="green">✔</font> / <font color="red">✘</font></td></tr> </tbody></table></td> <!-- LEFT COLUMN END --> <!-- RIGHT COLUMN START --> <td style="vertical-align: top;"><div style="width:700px;text-align: justify;"><center><span style="font-family:bodoni mt;font-size:30px;font-style: italic;font-weight: bold;color:#990033;line-height:100%;">RIGHT COLUMN TITLE<br></span> <span style="font-family:bodoni mt;font-size:14px;font-style: italic;color:#990033;line-height:100%;letter-spacing: 5px;text-transform: uppercase;">RIGHT COLUMN SUBTITLE</span></center><br><br> <span style="font-family:bodoni mt;font-size:20px;font-style: italic;color:#990033;letter-spacing: 2px;">PERSONALITY</span> <blockquote><div style="height: 250px;overflow: auto;padding-right: 5px;"> PERSONALITY GOES HERE. Use <br><br> after every paragraph or there won't be proper paragraph breaks. </div></blockquote><br> <span style="font-family:bodoni mt;font-size:20px;font-style: italic;color:#990033;letter-spacing: 2px;">HISTORY</span> <blockquote><div style="height: 250px;overflow: auto;padding-right: 5px;"> HISTORY GOES HERE. Use <br><br> after every paragraph or there won't be proper paragraph breaks. </div></blockquote><br> <span style="font-family:bodoni mt;font-size:20px;font-style: italic;color:#990033;letter-spacing: 2px;">INVENTORY</span> <blockquote><div style="height: 250px;overflow: auto;padding-right: 5px;"> <span style="font-size: 15px;font-weight:bold;letter-spacing: 1px;">INVENTORY ITEM #1.</span> Inventory item #1 description here.<br><br> <span style="font-size: 15px;font-weight:bold;letter-spacing: 1px;">INVENTORY ITEM #2.</span> Inventory item #2 description here.<br><br> <span style="font-size: 15px;font-weight:bold;letter-spacing: 1px;">INVENTORY ITEM #3.</span> Inventory item #3 description here. </div></blockquote> </td></tr></tbody></table> <!-- RIGHT COLUMN END --> <div align="right"><span style="font-size:8px;letter-spacing: 5px;"><a href="http://showcased.dreamwidth.org/1881.html" style="text-decoration: none;">EFFICIO</a></span></div> </raw-code> BLACK CODE <raw-code><center><table width="950" style="font-family: helvetica;"><tbody><tr> <!-- LEFT COLUMN START --> <td style="vertical-align: top;width: 250px;padding-right: 25px;"><center><img src=" IMAGE " width="250"></div></center><br> <center><span style="font-family:bodoni mt;font-size:20px;font-style: italic;color:#000000;letter-spacing: 2px;">BASIC INFO</span></center><br> <table><tbody><tr><td style="color:#000000;font-family: lucida console;letter-spacing:1px;">NAME:</td> <td>Firstname Lastname</td></tr> <tr><td style="color:#000000;font-family: lucida console;letter-spacing:1px;">A.K.A.:</td> <td>Aliases/Titles</td></tr> <tr><td style="color:#000000;font-family: lucida console;letter-spacing:1px;">CANON:</td> <td>Canon</td></tr> <tr><td style="color:#000000;font-family: lucida console;letter-spacing:1px;">HOMEWORLD:</td> <td>Setting</td></tr> <tr><td style="color:#000000;font-family: lucida console;letter-spacing:1px;">AGE:</td> <td>Age</td></tr> <tr><td style="color:#000000;font-family: lucida console;letter-spacing:1px;">GENDER:</td> <td>Gender</td></tr> <tr><td style="color:#000000;font-family: lucida console;letter-spacing:1px;">SPECIES:</td> <td>Species</td></tr></tbody></table><br> <center><span style="font-family:bodoni mt;font-size:20px;font-style: italic;color:#000000;letter-spacing: 2px;">FIRST GLANCE</span></center><br> <table><tbody><tr><td style="color:#000000;font-family: lucida console;letter-spacing:1px;">APPEARANCE:</td> <td><a href="LINK">Link</a></td></tr> <tr><td style="color:#000000;font-family: lucida console;letter-spacing:1px;">HEIGHT:</td> <td>0'0"</td></tr> <tr><td style="color:#000000;font-family: lucida console;letter-spacing:1px;">BUILD:</td> <td>Build</td></tr> <tr><td style="color:#000000;font-family: lucida console;letter-spacing:1px;">HAIR:</td> <td>Hair</td></tr> <tr><td style="color:#000000;font-family: lucida console;letter-spacing:1px;">EYES:</td> <td>Eyes</td></tr> <tr><td style="color:#000000;font-family: lucida console;letter-spacing:1px;">DRESS:</td> <td>Style of dress</td></tr> <tr><td style="color:#000000;font-family: lucida console;letter-spacing:1px;">SCENT:</td> <td>Scent</td></tr> <tr><td style="color:#000000;font-family: lucida console;letter-spacing:1px;">VOICE:</td> <td>Voice</td></tr> <tr><td style="color:#000000;font-family: lucida console;letter-spacing:1px;">DEMEANOR:</td> <td>Demeanor</td></tr></tbody></table><br> <center><span style="font-family:bodoni mt;font-size:20px;font-style: italic;color:#000000;letter-spacing: 2px;">PERMISSIONS</span></center><br> <table><tbody><tr><tr><td style="color:#000000;font-family: lucida console;letter-spacing:1px;">BACKTAGGING:</td> <td><font color="green">✔</font> / <font color="red">✘</font></td></tr> <tr><td style="color:#000000;font-family: lucida console;letter-spacing:1px;">4TH-WALLING:</td> <td><font color="green">✔</font> / <font color="red">✘</font></td></tr> <tr><td style="color:#000000;font-family: lucida console;letter-spacing:1px;">THREADJACKING:</td> <td><font color="green">✔</font> / <font color="red">✘</font></td></tr> <tr><td style="color:#000000;font-family: lucida console;letter-spacing:1px;">MIND-READING:</td> <td><font color="green">✔</font> / <font color="red">✘</font></td></tr> <tr><td style="color:#000000;font-family: lucida console;letter-spacing:1px;">FIGHTING:</td> <td><font color="green">✔</font> / <font color="red">✘</font></td></tr> <tr><td style="color:#000000;font-family: lucida console;letter-spacing:1px;">ROMANCE:</td> <td><font color="green">✔</font> / <font color="red">✘</font></td></tr> <tr><td style="color:#000000;font-family: lucida console;letter-spacing:1px;">INJURY:</td> <td><font color="green">✔</font> / <font color="red">✘</font></td></tr> <tr><td style="color:#000000;font-family: lucida console;letter-spacing:1px;">KILLING:</td> <td><font color="green">✔</font> / <font color="red">✘</font></td></tr> </tbody></table></td> <!-- LEFT COLUMN END --> <!-- RIGHT COLUMN START --> <td style="vertical-align: top;"><div style="width:700px;text-align: justify;"><center><span style="font-family:bodoni mt;font-size:30px;font-style: italic;font-weight: bold;color:#000000;line-height:100%;">RIGHT COLUMN TITLE<br></span> <span style="font-family:bodoni mt;font-size:14px;font-style: italic;color:#000000;line-height:100%;letter-spacing: 5px;text-transform: uppercase;">RIGHT COLUMN SUBTITLE</span></center><br><br> <span style="font-family:bodoni mt;font-size:20px;font-style: italic;color:#000000;letter-spacing: 2px;">PERSONALITY</span> <blockquote><div style="height: 250px;overflow: auto;padding-right: 5px;"> PERSONALITY GOES HERE. Use <br><br> after every paragraph or there won't be proper paragraph breaks. </div></blockquote><br> <span style="font-family:bodoni mt;font-size:20px;font-style: italic;color:#000000;letter-spacing: 2px;">HISTORY</span> <blockquote><div style="height: 250px;overflow: auto;padding-right: 5px;"> HISTORY GOES HERE. Use <br><br> after every paragraph or there won't be proper paragraph breaks. </div></blockquote><br> <span style="font-family:bodoni mt;font-size:20px;font-style: italic;color:#000000;letter-spacing: 2px;">INVENTORY</span> <blockquote><div style="height: 250px;overflow: auto;padding-right: 5px;"> <span style="font-size: 15px;font-weight:bold;letter-spacing: 1px;">INVENTORY ITEM #1.</span> Inventory item #1 description here.<br><br> <span style="font-size: 15px;font-weight:bold;letter-spacing: 1px;">INVENTORY ITEM #2.</span> Inventory item #2 description here.<br><br> <span style="font-size: 15px;font-weight:bold;letter-spacing: 1px;">INVENTORY ITEM #3.</span> Inventory item #3 description here. </div></blockquote> </td></tr></tbody></table> <!-- RIGHT COLUMN END --> <div align="right"><span style="font-size:8px;letter-spacing: 5px;"><a href="http://showcased.dreamwidth.org/1881.html" style="text-decoration: none;">EFFICIO</a></span></div> </raw-code>