Код:
<!--HTML-->
<div class="htmldemo">
<center>
<img width="650px" src="http://funkyimg.com/i/2Hg1i.gif">
<center>
<br><div style="margin-top: -35px; font-family: 'good vibes pro'; font-size: 70px;line-height: 50%; letter-spacing: 1px; color: #022b28; text-shadow: 2px 0px 0px #878164; word-spacing: -2px; ">Статистика</div>
</center>
Код:
<!--HTML-->
<script type="text/javascript"> 
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs a:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu a").click(function() {
    $("div.#menu a").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>
<!-- Таблица -->
<style>

#menu {
    margin-left: 5%;
    margin-top: 20px;
    text-align: center;
    width: 650px;
}
#menu span {
    background-color: #ccc6a3;
    border-left: 1px solid #4cb9e7;
    border-radius: 20px;
    border-right: 1px solid #4ca0e7;
    border-top: 1px solid #4ca0e7;
    box-shadow: 2px -1px 1px #b5eefc, 0 0 10px #2d9cd0 inset;
    color: #e3f3fc;
    display: inline-block;
    font-family: lobster;
    font-size: 16px;
    margin: 7px;
    padding: 3px 18px;
}
#menu .tabactive {
    background: #ccc6a3 none repeat scroll 0 0;
    transition-duration: 0.3s;
}
#submenu {
    background-color: #ada88b;
    border-radius: 2px;
    box-shadow: 0 0 15px #cbc7c2 inset;
    height: 512px;
    overflow-y: auto;
    text-align: center;
    width: 500
.submenutext {
    display: none;
    height: 40px;
}
</style>
<table id=tablean"> 
<tbody> 
<tr> 
<td> 
<!-- Пункты меню-->
<div id="menu">
<a alt=#sm1 "style="cursor: pointer;"><img src="https://funkyimg.com/i/2Vk9A.png"></a> 
<a alt=#sm2 "style="cursor: pointer;"><img src="https://funkyimg.com/i/2Vk9B.png"></a> 
</div> 
<!-- Конец пунктов меню-->
</td> 
</tr> 
<tr> 
<td id="MenuTxT"  align="center" valign="top"> 
<div id="submenu" align="center"> 
<div id="sm1" class="submenutext" style="display:block; text-align: left;">
<center><!-- Блок новостей с прокруткой-->
<div class="overflow" style="height: 270px; width: 630px"> 


<table style="width: 600px;  margin-left: auto; margin-right: auto; border: 1px solid rgba(18, 18, 18, 0.18); border-radius: 5px; box-shadow: 0px 0px 15px rgba(18, 18, 18, 0.18) inset;">
<tr>
<td><center><large><b>Людей</b><br/><br>20</large></center></td>
<td><center><large><b>Мононоке</b><br/><br>23</large></center></td>
</tr></table>


<table style="width: 600px;  margin-left: auto; margin-right: auto; border: 1px solid rgba(18, 18, 18, 0.18); border-radius: 5px; box-shadow: 0px 0px 15px rgba(18, 18, 18, 0.18) inset;">
<tr>
<td><center><large><b>Неко</b><br/><br>...</large></center></td>
<td><center><large><b>Ину</b><br/><br>Берта Бэннингс<br></large></center></td>
<td><center><large><b>Тануки</b><br/><br>...</large></center></td>
<td><center><large><b>Кицунэ</b><br/><br>Мишель Тьери<br>
Эммелин Шерман<br>
Талал Машаль<br></large></center></td>
</tr>
<tr>
<td><center><large><b>Усаги</b><br/>...
</large></center></td>
<td><center><large><b>Токаге</b><br/><br>Уайт Алигьери<br></large></center></td>
<td><center><large><b>Сару</b><br/><br>...</large></center></td>
<td><center><large><b>Урса</b><br/><br>...</large></center></td>

</tr>
<tr>
<td><center><large><b>Комори</b><br/><br>Томас Роуг</large></center></td>
<td><center><large><b>Шики</b><br/><br>...</large></center></td>
<td><center><large><b>Сакана</b><br/><br>...</large></center></td>
<td><center><large><b>Алакран/Скорпио</b><br/><br>...</large></center></td>

</tr>
<tr>
<td><center><large><b>Тонбо</b><br/><br>Дэвиана Кальдарас<br></large></center></td>
<td><center><large><b>Татегами</b><br/><br>Габриэлла Лайтвей<br></large></center></td>
<td><center><large><b>Оками</b><br/><br>Райден Игараси<br>
Рюдзин Игараси<br>
Миоко Фудзита<br>
Максим Громов<br>
Верджил Фольмонд<br>
</large></center></td>
<td><center><large><b>Тигрис/Тора</b><br/><br>...</large></center></td>

</tr>
<tr>
<td><center><large><b>Тенгу</b><br/><br>Вэйшен Шангуань<br>
Ангст Шварц<br></large></center></td>
<td><center><large><b>Лаэн</b><br/><br>...</large></center></td>
<td><center><large><b>Саме</b><br/><br>Лань Вэй Яо<br>
Такеру Фукуда</large></center></td>
<td><center><large><b>Ирибис</b><br/><br>...</large></center></td>

</tr>
<tr>
<td><center><large><b>Лепри/Тё</b><br/><br>...</large></center></td>
<td><center><large><b>Кумо</b><br/><br>Ка'Эрис Шедоу<br>
Зефирайн Буаселье<br></large></center></td>
<td><center><large><b>Нэдзуми</b><br/><br>Наталья Вишневская<br>
</large></center></td>
<td><center><large><b>Келпи</b><br/><br>...
</large></center></td>
</tr>
<tr>
<td><center><large><b>Мантис</b><br/><br>Рона Колькотар<br></large></center></td>
<td><center><large><b>Джаккару</b><br/><br>Айзек Зелински<br></large></center></td>
<td><center><large><b>Курюкато/като</b><br/><br>...</large></center></td>
<td><center><large><b>Рису</b><br/><br>...</large></center></td>
</tr>
<tr>
<td><center><large><b>Хэби</b><br/><br>...</large></center></td>
<td><center><large><b>Тори</b><br/><br>Скайла Берилл<br></large></td></center>
</tr>
</table>

</div>
</div>
<!-- Конец блока новостей с прокруткой-->



<!-- Навигационные ссылки-->

<div id="sm2" class="submenutext">
<br>
<table style="width: 600px;  margin-left: auto; margin-right: auto; border: 1px solid rgba(18, 18, 18, 0.18); border-radius: 5px; box-shadow: 0px 0px 15px rgba(18, 18, 18, 0.18) inset;">
<tr>
<td><center><large><b>Ментальная магия</b><br/>Персиваль Фелтон<br>
Даниель Мори<br>
Томас Роуг<br>
Дэвиана Кальдарас<br>
Ка'Эрис Шедоу<br>
Ли Хэнкан<br>
Джонатан Феррум<br>
</large></center></td>
<td><center><large><b>Белая магия</b><br/>Айзек Зелински<br>
Кристен Ульвен<br>
Диана Боун<br>
Ангст Шварц<br>
Винсент Доусон<br>
</large></center></td>
<td><center><large><b>Рунная магия</b><br/>...</large></center></td>
<td><center><large><b>Магия энергии</b><br/>Вэйшен Шангуань<br>
Ариадна Блэкторн<br>
Библ Фрей де Груц<br>
</large></center></td>
</tr>
<tr>
<td><center><large><b>Магия воздуха</b><br/>Мишель Тьери<br>
Рюдзин Игараси <br>
Рона Колькотар<br>
Ренэйт Ланге<br>
Ракель Флинстоун<br>
Верджил Фольмонд<br>
Наталья Вишневская<br>
Такеру Фукуда<br></large></center></td>
<td><center><large><b>Магия огня</b><br/>Эскель Мак Лир<br>
Айзек Келли <br>
Дэймон Мелроуз<br>
Этан Оуэн<br>
Айрис Харпер<br>
Уайт Алигьери<br>
Джек Фрост<br>
Адам Фортье<br>
</large></td>
<td><center><large><b>Магия воды</b><br/>Райден Игараси<br>
Талал Машаль<br>
Габриэлла Лайтвей<br>
Миоко Фудзита<br></large></center></td>
<td><center><large><b>Магия земли</b><br/>Лань Вэй Яо<br></large></center></td></tr>
 </table>

<center><large><b>АВТОРСКАЯ МАГИЯ</b><br/></large></center>
<table style="width: 600px;  margin-left: auto; margin-right: auto; border: 1px solid rgba(18, 18, 18, 0.18); border-radius: 5px; box-shadow: 0px 0px 15px rgba(18, 18, 18, 0.18) inset;">

<tr><td><center><large><b>Магия электричества</b><br/></large></center></td>
<td><center>--------</center></td><tr>
<tr><td><center><large><b>Магия "Проводник"</b>[x]<br/></large></center></td>
<td><center>Делсин Марлоу</center></td><tr>
<tr><td><center><large><b>Магия духов</b> [x]<br/></large></center></td>
<td><center>Эммелин Шерман</center></td><tr>
<tr><td><center><large><b>Магия чувств</b> [x]<br/></large></center></td>
<td><center>Берта Бэннингс</center></td><tr>
<tr><td><center><large><b>Магия музыки</b><br/></large></center></td>
<td><center>Ислейв Видарсдоуттир</center></td><tr>
<tr><td><center><large><b>Магия света</b><br/></large></center></td>
<td><center>Скайла Берилл</center></td><tr>
<tr><td><center><large><b>Магия "Паутина"</b><br/></large></center></td>
<td><center>Зефирайн Буаселье</center></td><tr>
<tr><td><center><large><b>Магия Воли</b><br/></large></center></td>
<td><center>Максим Громов</center></td><tr>
</table>
 </div>
</div> 
<!-- Конец навигационных ссылок -->


</td> 
</tr> 
</tbody> 
</table>

</center>