Census code?

[SD]

brokenmasks.boards.net

That's my site, and I'm looking for a census code like the one found:

here

Now from what I've been able to find, it's not an actual code per-say, but rather a table that's been edited into the headers/footers? Is this true? And if so, how would I go about making one that not only well, doesn't break my site due to me not knowing what the heck I'm doing, but that looks nice for the site's skin as well?

Or am I asking in the wrong board for this?

[Tumbleweed]

You mean the statistics table?

If so, try this. It is for side tables so you'll need to change the id to reflect the right or left side, if that is where you want to put it.


<style>
.the_classes{
font-family: verdana;
padding: 2px;
width: 110px;
line-height: 12px;
margin-bottom: 3px;
}
.female{
background-color: #f8e8ec;
color: #5d4727;
font-family: arial;
border-left:6px solid #CC6699;
padding:2px;
line-height: 12px;
margin-bottom: 3px;
}
.males{
background-color: #f8e8ec;
color: #5d4727;
font-family: arial;
border-left: 6px solid #3a65a9;
padding: 2px;
line-height: 12px;
margin-bottom: 3px;
}
.total{
background-color: #f8e8ec;
color: #5d4727;
font-family: arial;
letter-spacing: 0px;
padding: 2px;
line-height: 12px;
margin-bottom: 3px;
}
</style>


<!-- ===== STATS ===== -->
<table id="sidetables" width="200px" class="bordercolor" cellpadding="0" cellspacing="0">
<tr>
<td class="windowbg" align="center">  
<div class="c1">
<table border="0px" padding="0px">  
  <tr>  
<td valign="top" width="110px">

<!--1--><div class="the_classes" style="border-left: 6px solid #353955;">Name1</div>
<!--2--><div class="the_classes" style="border-left: 6px solid #151a42;">Name2</div>
<!--3--><div class="the_classes" style="border-left: 6px solid #000317;">Name3</div>
<!--4--><div class="the_classes" style="border-left: 6px solid #22382d;">Name4</div>


</td><td valign="top">

<!--1--><div class="female"><center>03</center></div>
<!--2--><div class="female"><center>06</center></div>
<!--3--><div class="female"><center>00</center></div>
<!--4--><div class="female"><center>01</center></div>


</td><td valign="top">

<!--1--><div class="males"><center>01</center></div>
<!--2--><div class="males"><center>04</center></div>
<!--3--><div class="males"><center>01</center></div>
<!--4--><div class="males"><center>01</center></div>


</td><td valign="top">

<!--1--><div class="total"><center>04</center></div>
<!--2--><div class="total"><center>10</center></div>
<!--3--><div class="total"><center>01</center></div>
<!--4--><div class="total"><center>02</center></div>



</td>
</tr>
</table>
</div>
</td>
</tr>
</table>






Put the css part somewhere at the toppish of your header. I think that is what you meant. It isn't exactly like the one on the site you linked to. Just one I premade for someone else.

[SD]

Thanks tumbleweed, it works perfectly!

[Tumbleweed]

You're welcome.

[Asura]

and do we need to edit something?

[Tumbleweed]

Sept 3, 2013 23:01:56 GMT -8 Asura said:

and do we need to edit something?

You'll need to, of course, edit the names of your group and how many are in that group and add up the totals yourself. You can edit anything in the css except I'd suggest making small changes to padding and margins in the css.