<div class="b_stat"><div class="item total">
<div id="tnum" class="num"></div>
Всего
</div>
<div class="item users">
<div id="unum" class="num"></div>
Юзеры
</div>
<div class="item guests">
<div id="gnum" class="num"></div>
Гости
</div>
<div style="display:none;">$ONLINE_COUNTER$</div>
<script type="text/javascript">
$('#tnum').text($('#onl1 b').text());
$('#gnum').text($('#onl2 b').text());
$('#unum').text($('#onl3 b').text());

</script> </div>

<div class="signatureHr"></div>
<div class="spisok"></div>
<script type="text/javascript">
function declOfNum(number, titles) {
cases = [2, 0, 1, 1, 1, 2];
return titles[ (number%100>4 && number%100<20)? 2 : cases[(number%10<5)?number%10:5] ];
};
$.get('/index/62-2',function(data){
spisok = $('a',$('cmd[p="content"]',data).text()).size();
$('.spisok').html('Нас '+declOfNum(spisok, [" посетил", " посетило", " посетило"])+' <b>'+spisok+'</b> '+declOfNum(spisok, ["пользователь", "пользователя", "пользователей"])+'')
});
</script>

<div class="signatureHr"></div>
<div>$ONLINE_USERS_LIST$</div>

.b_stat {margin:0 0 0 15px;display:inline-block;}
.item {text-align: center; float: left; margin: 5px 10px 0 5px;font-size:11px !important;text-transform:uppercase;}
.num {border: 2px solid; border-radius: 50%;line-height: 30px;width: 30px;margin: auto;text-align: center; font-size:16px;}
#tnum {border-color: #222121;color: #222121;}
#unum {border-color: #0D6DBA;color: #0D6DBA;}
#gnum {border-color: #95a5a6;color: #95a5a6;}