Inne NOWE Statystyki

wersja skryptu MyBB: 1.8.3
adres forum: www.csatom.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Proszę was o pomoc w zrobieniu takich statystyk jak na http://testaysein.xaa.pl/ wyciągnełem kod:

<ul class="statistics">
<li>
<div original-title="" class="top-info">
<a original-title="" href="#" class="blue-square"><div original-title="" class="sprite-image"></div></a><strong><strong>2</strong></strong></div>
<div original-title="" class="progress progress-micro"><div original-title="" class="bar" style="width: 1%;"></div></div>
<span original-title="">Napisanych postów</span>
</li>
<li>
<div original-title="" class="top-info"><a original-title="" href="#" class="red-square"><div original-title="" class="sprite-icon_quicknav"></div></a><strong> <strong>2</strong></strong></div>
<div original-title="" class="progress progress-micro"><div original-title="" class="bar" style="width: 1%;"></div></div>
<span original-title="">Napisanych tematów</span>
</li>
<li>
<div original-title="" class="top-info">
<a original-title="" href="#" class="green-square"><div original-title="" class="sprite-star"></div></a><strong><strong>5 </strong></strong></div>
<div original-title="" class="progress progress-micro"><div original-title="" class="bar" style="width: 5%;"></div></div>
<span original-title="">Najwięcej aktywnych</span>
</li>
<li>
<div original-title="" class="top-info">
<a original-title="" href="#" class="purple-square"><div original-title="" class="sprite-icon-people"></div></a><strong><strong><a original-title="" href="user/xd9933,27424/"><b></b></a><b><a original-title="" href="http://testaysein.xaa.pl/member.php?action=profile&amp;uid=4">tescik</a></b>.</strong></strong></div>
<div original-title="" class="progress progress-micro"><div original-title="" class="bar" style="width: 3%;"></div></div>
<span original-title="">Najnowszy użytkownik</span>
</li>
</ul> 


Klasa css

.statistics{
    width:100%;
    text-align:center;
    padding:0 0 2px;
    line-height:1;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box
}

.statistics>li{
    min-width:130px;
    margin:8px 20px;
    position:relative;
    display:inline-block;
    text-align:left
}

.statistics>li>span{
    font-size:11px;
    margin-top:5px;
    display:block;
    font-family:tahoma;
    color:#777;
    text-transform:uppercase;
    font-weight:700
}


.progress{
    height:20px;
    overflow:hidden;
    box-shadow:0 0px 0 white,0 0 0 1px rgba(0,0,0,0.075) inset;
    -webkit-box-shadow:0 0px 0 white,0 0 0 0px rgba(0,0,0,0.075) inset;
    -moz-box-shadow:0 0px 0 white,0 0 0 1px rgba(0,0,0,0.075) inset;
    background-color:#f5f5f5
}

.progress.progress-slim{
    height:6px
}

.progress.progress-micro{
    height:2px
}

.top-info{
    margin-bottom:12px
}

.top-info>a{
    display:inline-block;
    color:#0468aa;
    float:left;
    margin-right:8px;
    margin-top:1px
}

.top-info>a>i{
    color:#0468aa;
    padding:6px 5px;
    margin:0
}

.top-info>strong{
    font-family:Tahoma;
    width:105px;
    overflow:hidden;
    font-size:20px;
    color:#373737;
    font-weight:600;
    display:block;
    float:left;
    margin-top:4px
}

.top-info:after{
    content:"";
    display:block;
    clear:both
}


.red-square{
    background:#ef705b
}

.sprite-beer{
    background-position:-105px 0;
    width:16px;
    height:16px;
    background-image:url(../../../images/icons.png);
    float:left;
    margin:5px
}



.sprite-image{
    background-position:-294px 0;
    width:20px;
    height:20px;
    background-image:url(http://screenshu.com/static/uploads/temporary/04/ug/nc/1w2ecb.jpg);
    float:left;
    margin:5px
}

.sprite-star{
    background-position:-315px 0;
    width:16px;
    height:16px;
    background-image:url(http://screenshu.com/static/uploads/temporary/l7/70/f7/6apwd5.jpg);
    float:left;
    margin:5px
}

.sprite-icon-people{
    background-position:-168px 0;
    width:16px;
    height:16px;
    background-image:url(http://screenshu.com/static/uploads/temporary/ru/4c/fq/ro8q8w.jpg);
    float:left;
    margin:5px
}

.progress .bar{
    float:left;
    width:0;
    height:100%;
    font-size:12px;
    color:#fff;
    text-align:center;
    background-color:#0468aa
}

.blue-square{
    background:#59b3e7
}

.red-square{
    background:#ef705b
}

.green-square{
    background:#56bb4d
}

.purple-square{
    background:#e16588
}

.orange-square{
    background:#e9854f
}

.dark-blue-square{
    background:#487cb5
}

.sea-square{
    background:#34a097
}

.sprite-icon_quicknav{
    background-position:-252px 0;
    width:16px;
    height:16px;
    background-image:url(http://screenshu.com/static/uploads/temporary/oq/7t/as/z4sno1.jpg);
    float:left;
    margin:5px
} 


Tylko nie wiem gdzie mam wsadzic ten pierwszy kod tak żeby te statystyki były przed tą tabelka STSTYSTYKI

W index_stats lub w index nad {$boardstats}

ale ja chce żeby te statystyki były tam gdzie jest pokazane na ss

---

No dobra juz mam, ale teraz żeby to ustawić żeby to działało zgodnie z forum .

Wstaw zmienne odpowiadające np. za ilość postów na forum za "Napisanych postów".

Moge prosic te zmienne na :

Najwięcej aktywnych

{$mostonline['numusers']}