Вставляете в Общий вид страниц форума после $BODY$:
Код
<?if($URI_ID$='frMain')?><script type="text/javascript">
// Скрипт статистики в блоке by HameleoN
var forum = $('.gTableBody1:contains("Всего создано")');
var themes = parseFloat($(forum).find('b:first-child').html());
var messages = parseFloat($(forum).find('b:nth-child(2)').html());
var users = parseFloat($(forum).find('b:nth-child(4)').html());
$('#bs1').html(themes+messages);
$('#bs2').html(users);
</script><?endif?>
Вставляете туда, где должна быть информация:
Код
<div class="block-stats">
<div class="block-stats-item block-stats-item-1">
<div class="block-stats-ico block-stats-ico-1"></div>
Всего сообщений: <div id="bs1"></div>
</div>
<div class="block-stats-item">
<div class="block-stats-ico block-stats-ico-2"></div>
Всего пользователей: <div id="bs2"></div>
</div>
</div>
Вставляете в таблицу стилей (CSS):
Код
.block-stats {
overflow:hidden;
}
.block-stats-item {
margin:15px 0;
overflow:hidden;
font-size:13px;
text-align:center;
}
.block-stats-ico {
background-color:#3399CC;
background-position:center;
background-repeat:no-repeat;
width:50px;
height:50px;
border-radius:50%;
margin:0 auto 15px auto;
transition:500ms;
}
#bs1,
#bs2 {
color:#3399CC;
font-weight:bold;
font-size:25px;
}
.block-stats-item-1 {
border-bottom:1px solid #dcdcdc;
padding-bottom:15px;
}
.block-stats-ico-1 {
background-image:url(http://diz-cs.ru/imgs/block-mess.png);
}
.block-stats-ico-2 {
background-image:url(http://diz-cs.ru/imgs/block-users.png);
}
.block-stats-item:hover .block-stats-ico {
transform:rotate(360deg);
}
