This is our census.
It is functional. But I do not love it. To that end, I am asking YOU to give it a face lift. You can PM as many options as you like to Charming, provided they meet the following criteria:
In case you need a starting point, here are the existing code for the census and the generic Staff Template code:
Please submit by August 25th. If we use your code, you'll get a Board Contribution stamp AND a raffle entry.
— Aldous walks with a cane and pronounced limp as the result of a splinching accident. —
![[Image: TrSGeWR.jpg]](https://i.imgur.com/TrSGeWR.jpg)
— graphics by lady ❤ —
It is functional. But I do not love it. To that end, I am asking YOU to give it a face lift. You can PM as many options as you like to Charming, provided they meet the following criteria:
- Clean enough coding that a half-asleep Olive can add/remove characters without setting everything on fire.
- NO SCROLLS
- NO HOVERS
- NO TABS
- Translates well from skin to skin—remember, we have multiple in use at any given time!
- Readable
In case you need a starting point, here are the existing code for the census and the generic Staff Template code:
Code:
<center><table style="width:350px; font-family:georgia; text-transform:none; background-color:#ffffff; margin: 0px;" border="0"><tr style="background:#a7a6a6;">
<th style="text-align:left; padding-left:5px; letter-spacing:2px;">ACTIVE CHARACTERS</th>
<td style="color:#2d6bd3; text-align:center;"><b>M</b></td>
<td style="color:#d32d96; text-align:center;"><b>F</b></td>
<td style="color:#a9dfbf; text-align:center;"><b>N</b></td>
<td style=" text-align:center; letter-spacing:2px;"><b>TOTAL</b></td>
</tr><tr style="font-size:11px;">
<th style="color:#228978; text-align:left;padding-left:5px;">Upper Class</th>
<td style="text-align:center; color:#555;">58</td>
<td style="text-align:center; color:#555;">59</td>
<td style="text-align:center; color:#555;">1</td>
<td style="text-align:center; color:#555;">118</td>
</tr><tr style="font-size:11px;">
<th style="color:#85BBBD; text-align:left;padding-left:5px;">Middle Class</th>
<td style="text-align:center; color:#555;">65</td>
<td style="text-align:center; color:#555;">59</td>
<td style="text-align:center; color:#555;">0</td>
<td style="text-align:center; color:#555;">124</td>
</tr><tr style="font-size:11px;">
<th style="color:#D6EBE4; text-align:left;padding-left:5px;">Working Class</th>
<td style="text-align:center; color:#555;">32</td>
<td style="text-align:center; color:#555;">35</td>
<td style="text-align:center; color:#555;">0</td>
<td style="text-align:center; color:#555;">67</td>
</tr><tr style="font-size:11px;"><th style="color:#a9bdd3; text-align:left;padding-left:5px;">Centaur</th>
<td style="text-align:center; color:#555;">0</td>
<td style="text-align:center; color:#555;">0</td>
<td style="text-align:center; color:#555;">0</td>
<td style="text-align:center; color:#555;">0</td>
</tr><tr style="font-size:11px;">
<th style="color:#e75c6d; text-align:left;padding-left:5px;">Goblin</th>
<td style="text-align:center; color:#555;">0</td>
<td style="text-align:center; color:#555;">0</td>
<td style="text-align:center; color:#555;">0</td>
<td style="text-align:center; color:#555;">0</td>
</tr><tr style="font-size:11px;">
<th style="color:#e75c6d; text-align:left;padding-left:5px;">House Elf</th>
<td style="text-align:center; color:#555;">1</td>
<td style="text-align:center; color:#555;">0</td>
<td style="text-align:center; color:#555;">0</td>
<td style="text-align:center; color:#555;">1</td>
</tr><tr style="font-size:11px;">
<th style="color:#a9bdd3; text-align:left;padding-left:5px;">Mer</th>
<td style="text-align:center; color:#555;">0</td>
<td style="text-align:center; color:#555;">0</td>
<td style="text-align:center; color:#555;">0</td>
<td style="text-align:center; color:#555;">0</td>
</tr><tr style="font-size:11px;">
<th style="color:#e75c6d; text-align:left;padding-left:5px;">Vampire</th>
<td style="text-align:center; color:#555;">3</td>
<td style="text-align:center; color:#555;">3</td>
<td style="text-align:center; color:#555;">0</td>
<td style="text-align:center; color:#555;">6/10</td>
</tr><tr style="font-size:11px;">
<th style="color:#e5f0f1; text-align:left;padding-left:5px;">Ghost</th>
<td style="text-align:center; color:#555;">1</td>
<td style="text-align:center; color:#555;">0</td>
<td style="text-align:center; color:#555;">0</td>
<td style="text-align:center; color:#555;">1</td>
</tr><tr style="font-size:11px;">
<th style="color:#e75c6d; text-align:left;padding-left:5px;">Hag</th>
<td style="text-align:center; color:#555;">--</td>
<td style="text-align:center; color:#555;">0</td>
<td style="text-align:center; color:#555;">--</td>
<td style="text-align:center; color:#555;">0</td>
</tr><tr style="font-size:11px;">
<th style="color:#e75c6d; text-align:left;padding-left:5px;">Veela</th>
<td style="text-align:center; color:#555;">--</td>
<td style="text-align:center; color:#555;">1</td>
<td style="text-align:center; color:#555;">--</td>
<td style="text-align:center; color:#555;">1/3</td>
</tr><tr style="font-size:11px;">
<th style="color:#e5f0f1; text-align:left;padding-left:5px;">Poltergeist</th>
<td style="text-align:center; color:#555;">0</td>
<td style="text-align:center; color:#555;">0</td>
<td style="text-align:center; color:#555;">0</td>
<td style="text-align:center; color:#555;">0</td>
</tr>
<tr style="font-size:11px;">
<th style="color:#1a7af5; text-align:left;padding-left:5px;">Portrait</th>
<td style="text-align:center; color:#555;">0</td>
<td style="text-align:center; color:#555;">0</td>
<td style="text-align:center; color:#555;">0</td>
<td style="text-align:center; color:#555;">0</td>
</tr><tr style="background:#a7a6a6;">
<th style="text-align:left; padding-left:5px; letter-spacing:2px;">TOTAL</th>
<td style="color:#2d6bd3; text-align:center;"><b>154</b></td>
<td style="color:#d32d96; text-align:center;"><b>149</b></td>
<td style="color:#a9dfbf; text-align:center;"><b>1</b></td>
<td style=" text-align:center; letter-spacing:2px;"><b>304</b></td>
</tr></table></center>
<center><small><a href="http://rpg-directory.com/threads/statistics-table-for-sidebar.29011/">Coding credit goes to Revo.</a></small></center></dd>Code:
<center><div style="width: 95%; padding: 2%; text-align: left; border: 3px #454545 double; background-color: #fff;">
<div class="thead" style="margin-bottom: 10px;">Title</div>
<p>Content.</p>
</div></center>Please submit by August 25th. If we use your code, you'll get a Board Contribution stamp AND a raffle entry.
— graphics by lady ❤ —