Новая статистика uStats для uCoz

Новая статистика uStats для uCoz

Думаю, что всем надоела стандартная статистика и хочется чего-то нового! Недолго думая, я сам решил написать такую статистику. Смотрите сами, что из этого получилось)

ДЕМО

И так, во-первых, создайте два информера:

1) [ Пользователи · Материалы · Дата регистрации D · Материалы: 10 · Колонки: 1 ]

И поставьте такой вид информера:


Code
<?if($NUMBER$="1")?><table width="100%" class="myTbl"><tr><td width="50$" class="myTblTD0" style="padding:3px 10px;"><b>Ник</b></td><td width="30$" class="myTblTD0" style="padding:3px 10px;"><b>Дата регистрации</b></td></tr><?endif?><td width="30$" style="padding:3px 10px;"><a href="$PROFILE_URL$">$USERNAME$</a></td><td width="30$" style="padding:3px 10px;">$REG_DATE$ в $REG_TIME$</td></tr><?if($NUMBER$="10")?></table><?endif?>

2) [ Счетчики для пользователей · Материалы · всех, по группам, по полу, по дням (сегодня, вчера, 7 дней, 30 дней) ]

И поставьте такой вид информера:


Code
<table width="100%" class="myTbl"><tr><td width="70$" style="padding:3px 10px;">Всего зарегестированно</td><td width="30$" style="padding:3px 10px;"><b>$ALL_USERS$</b></td></tr>
<tr><td width="70$" style="padding:3px 10px;" colspan="2" align="center">Парней: <b>$GENDER_1$</b> | Девушек: <b>$GENDER_2$</b></td></tr>
<tr><td width="70$" style="padding:3px 10px;">Регистраций сегодня:</td><td width="30$" style="padding:3px 10px;"><b>$TODAY$</b></td></tr>
<tr><td width="70$" style="padding:3px 10px;">Регистрации вчера:</td><td width="30$" style="padding:3px 10px;"><b>$YESTERDAY$</b></td></tr>
<tr><td width="70$" style="padding:3px 10px;">Регистраций за неделю:</td><td width="30$" style="padding:3px 10px;"><b>$7DAYS$</b></td></tr>
<tr><td width="70$" style="padding:3px 10px;">Регистрации за месяц:</td><td width="30$" style="padding:3px 10px;"><b>$30DAYS$</b></td></tr>
<tr><td width="70$" style="padding:3px 10px;">Всего администраторов:</td><td width="30$" style="padding:3px 10px;"><b>$GROUP_4$</b></td></tr>
<tr><td width="70$" style="padding:3px 10px;">Всего модераторов:</td><td width="30$" style="padding:3px 10px;"><b>$GROUP_3$</b></td></tr>
<tr><td width="70$" style="padding:3px 10px;">Всего друзей:</td><td width="30$" style="padding:3px 10px;"><b>$GROUP_251$</b></td></tr>
<tr><td width="70$" style="padding:3px 10px;">Всего проверенных:</td><td width="30$" style="padding:3px 10px;"><b>$GROUP_2$</b></td></tr>
<tr><td width="70$" style="padding:3px 10px;">Всего пользователей:</td><td width="30$" style="padding:3px 10px;"><b>$GROUP_1$</b></td></tr></table>

Затем создаём новую страницу в ПУ и вставляете куда Вам удобно следующий код И НЕ ЗАКРЫВАЕМ ЭТУ СТРАНИЦУ:


Code
<div style="display:none;">$ONLINE_COUNTER$</div>
<div id="uonline" style="display:none;">$ONLINE_USERS_LIST$</div>
<div id="usernew" style="display:none;">$информер_вывода_новых_пользователей$</div>
<div id="userstat" style="display:none;">$информер_регистраций$</div>
<div id="ustats"></div>

Где $информер_вывода_новых_пользователей$ заменяете на оператор первого созданного вами информера,
а $информер_регистраций$ - на оператор второго информера.

Вот это добавьте перед </body>:


Code
<script type="text/javascript" src="http://trane73.3dn.ru/js/tabs.js"></script>

Такс, идём дальше...

Теперь самое главное! Страница статистики у каждого сайта своя и её адрес определяется немного сложновато, но специально для Вас я создал страничку, на которой Вы можете получить долгожданный код!

Вот вроде бы и всё! Ах да! Забыл стили предоставить!

Вот это тоже вставьте перед </body>:


Code
<style type="text/css">
.tabs { width: 100%;}
UL.tabNavigation {
align:left;
list-style: none;
margin: 0;
padding: 0;
margin-top:3px;
}
UL.tabNavigation LI {
display: inline;
}
UL.tabNavigation LI A {
padding: 3px 5px;
background-color: #42aaff;
color: #ffffff;
text-decoration: none;
display: block;
margin-right:-2px;
}
UL.tabNavigation LI A.selected,
UL.tabNavigation LI A:hover{
background-color: #bcd7ff;
color: #000000;
}
UL.tabNavigation LI A:focus {
outline: 0;
background-color: #0000ff;
color: #ffffff;
}
div.tabs > div {
padding: 5px;
margin-top: 3px;
border: 1px solid #42aaff;
min-height:200px;
}
.tabshr {
border-color: #42aaff;
}
</style>

Ну вот теперь вроде точно всё написал! Теперь надо скриншоты заодно уж показать:

Вот и всё!

P.S.: Работает только на сайтах, к которым не прикрепляли домен! P.S.S: Баги когда кроме статистики Вы используете еще какие-либо скрипты вкладок!
Скачать файлы