showcased | info sheet: zoe

( 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>

<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;">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;">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>

<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>

<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>

<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;">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;">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>

<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>

<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>

Flat | Top-Level Comments Only

Ooh, super functional! Thank you!

I'm glad you like it! c:

This is fantastic! I really appreciate the clean appearance and coding, it's simply beautiful.

Thanks so much for your kind comments!

I've been looking for something like this! Thank you!

Belatedly - I'm glad you like it, and driveby love for Natasha! c:

This is pretty! Using it for one of my rp info pages. (btw, I'm not sure if you are aware there seems to be no credit link back to you in this code? so, I'm slapping on one at the end of the code on the entry I'm using it on)

Thank you! And thanks for the heads up, I totally overlooked that part!

of course! ♥ overlooking happens to the best of us

Hi!

Is there a way to add more sections on the left hand side?

All you should have to do is C&P one of the sections (like the first glance section) and change that to whatever you want it to say!

info sheet: zoe

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject