• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Скрипт блок статистики сайта как на ZorNet.ru
Скрипт блок статистики сайта как на ZorNet.ru
Delete
Четверг, 05 Июля 2012 | Сообщение 1
Оффлайн
Проверенные
Сообщений:1079
Награды: 7
Оригинальная статистика, которая отлично подойдет под светлый дизайн и будет полностью мониторинг ваш сайт. Что по дизайн, сделано стандартно и под любой стиль, но кроме тех которые рисовали, она будет смотреться как элемент каркаса.



Установка:
Создаем два информкра:
1.) Пользователей всего:
[ Счетчики для пользователей · Материалы · всех, по группам, по полу, по зодиаку, по дням (сегодня, вчера, 7 дней, 30 дней) ]
В шаблон вставляем:

Код
Пользователей всего: $ALL_USERS$<?if($TODAY$>0)?><sup title="Новых сегодня">+$TODAY$</sup><?endif?>


2.) Материалов всего:
[ Счетчики материалов · Материалы ]
В шаблон вставляем:

Код
<b style="color:#8b8b8b;">Материалов всего <span style="cursor:help;color:#bdbdbd;" title="Не считая форума">[?]</span>:</b> <? $NEWS$ + $BLOG$ + $COMMENTS$ + $LOAD$ + $STUFF$ ?> <span id="mats_show" style="color:#5d5d5d;cursor:pointer;" onclick="$('#materials').slideToggle('fast');$('#mats_show').hide();$('.mats_show').show();">+</span>   
<span class="mats_show" style="display:none;color:#5d5d5d;cursor:pointer;" onclick="$('#materials').slideToggle('fast');$('.mats_show').hide();$('#mats_show').show();">─</span>   
<div style="display:none;" id="materials">   
<div style="font-size:7pt;text-align:left;padding-left:8px">
Комментарии: <b style="color:#8b8b8b;">$COMMENTS$</b><br>
Новостей: <b style="color:#8b8b8b;color:#9b9b9b;">$NEWS$</b><br>   
Статей: <b style="color:#8b8b8b;">$PUBL$</b><br>
КиноZal: <b style="color:#8b8b8b;">$BLOG$</b><br>
ФотоZal: <b style="color:#8b8b8b;">$PHOTO$</b><br>
Сайтов: <b style="color:#8b8b8b;">$DIR$</b><br>
Форум: <b style="color:#8b8b8b;">$FORUM_P$/$FORUM_T$</b><br>   
Файлы: <b style="color:#8b8b8b;">$LOAD$</b><br> </div>   
</div>


Создаем блок и в HTML вставляем:
Код
<div align="center"><img src="http://zornet.ru/Ajaxoskrip/Fekstura_tekst/AgsaRtunet/stata-news.png" border="0" alt="Статистика сайта csomsk.ru" /></div>
<hr><style type="text/css">
  #icon-border {margin:0px; padding:1px; display:inline-block; border:1px solid #ccc; background:#fff;}
  #icon-blue {display:inline-block; height:6px; width:6px; border:1px solid #586a7c; background:#607c99 url('http://zornet.ru/Ajaxoskrip/Fekstura_tekst/AgsaRtunet/highlight_faint-1-.png') repeat-x top;padding-left:1px;}  
  #icon-gray {display:inline-block; height:6px; width:6px; border:1px solid #757B7F; background:#999999 url('http://zornet.ru/Ajaxoskrip/Fekstura_tekst/AgsaRtunet/highlight_faint-1-.png') repeat-x top;}
  #us1 {float:left;width:48%;border:1px solid #c0c0c0;text-align:center;padding:2px 0;cursor:pointer}
#us2 {float:right;width:48%;border:1px solid #c0c0c0;text-align:center;padding:2px 0;cursor:pointer;}
#usl {text-align:left;display:none;padding:3px}
#usr {text-align:left;padding:3px;}
#ush {display:none}
.uho {background:url('http://zornet.ru/Ajaxoskrip/Fekstura_tekst/AgsaRtunet/left55.png');}
.uh0 {background:url('http://zornet.ru/Ajaxoskrip/Fekstura_tekst/AgsaRtunet/right55.png');}
.cross1{padding-top:1px;display:inline-block;padding-bottom:1px;color:#fff;text-align:center;margin:0px -1px;text-shadow:0px 1px 0px rgba(0,0,0,0.30);border:1px solid #757B7F;background:#7d7d7d;text-align:left;}.cross2{padding-top:1px;display:inline-block;padding-bottom:1px;color:#fff;text-align:center;margin:0px -1px;text-shadow:0px 1px 0px rgba(0,0,0,0.30);border:1px solid #586a7c;border-left:1px solid #646A6D;background:#61768A;text-align:right;}</style>
$MYINF_45$<br>$MYINF_46$<hr><noindex><table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" width="50%"> $COUNTER$</td>
<td align="center" width="50%" ><a href="http://pr-cy.ru/a/zornet.ru" target="_blank">
  <img src="http://counter.pr-cy.ru/prcy/zornet.ru" alt="Счетчик PR-CY.Rank">
</a> </td>
</tr>
</table></noindex><hr>  
  <div style="display:none;">$ONLINE_COUNTER$</div><table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="left" width="50%" valign="left"><span id="icon-border" style="margin-right:3px;"><span id="icon-gray"></span></span>Гости сайта</td>
<td align="right" width="50%" valign="right">Пользователи<span id="icon-border" style="margin-left:3px;"><span id="icon-blue"></span></span></td>
</tr>
</table>
<div style="border:1px solid #ccc; background:#fff; padding:1px 2px; margin-top:2px;" id="stat-line" align="left"></div>
<div style="border:0px; padding:2px; text-align:center;" id="all-users"></div>
<script type="text/javascript">  
  var allusers = $('.tOnline b').html();  
  var gostusers = $('.gOnline b').html();  
  var siteusers = $('.uOnline b').html();  
  var uGosti = (gostusers/allusers).toFixed(2)*100;  
  var uUsers = 100 - uGosti;  
  function skl(a, n) {return a[n%10==1 && n%100!=11 ? 0 : n%10>=2 && n%10<=4 && (n%100<10 || n%100>= 20) ? 1 : 2];};  
  $('#stat-line').html('<div class="cross1" style="width:'+Number(uGosti).toPrecision(3)+'%;" id="ghostss"><span style="padding-left:3px;">'+uGosti.toFixed()+'%</span></div><div class="cross2" style="width:'+Number(uUsers).toPrecision(3)+'%;" id="userss"><span style="padding-right:3px;">'+uUsers.toFixed()+'%</span></div>');  
  $('#all-users').html('Всего на сайте <b>'+allusers+'</b> '+skl(['человек', 'человека', 'человек'],allusers)+'</div>');  
  if (siteusers<1) $('#userss').hide();  
  if (gostusers<1) $('#ghostss').hide();  
  </script><Hr><table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
  <td align="left" width="45%" valign="top">Пользователи онлайн:
</td>
<td align="right" width="55%" valign="center">
  <a href="javascript://" rel="nofollow" onclick="new _uWnd('TdUsrLst',' ',250,200,{autosize:0},{url:'/index/62-2'});return false;">Сегодня посетили</a> </td>
</tr>
</table>
<hr>
$ONLINE_USERS_LIST$<hr><center>  
  <div id="userD" style="font-size:8pt;color:#1C1C1C;"></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();  
  $('#userD').html('Сегодня нас '+declOfNum(spisok, [" посетил", " посетило", " посетили"])+' <b>'+spisok+declOfNum(spisok, [" юзер", " юзера", " юзеров"])+'</b>')  
  });  
  </script>  
  </center>


Удачи wink
Прикрепления: 4303738.jpg (45.3 Kb)


На случай если буду нужен, то я там же, где и был, когда был не нужен...
Страна: (RU)
Kosten
Четверг, 05 Июля 2012 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
У меня эта статистика залита в файлах но не помню заливал на форум или нет.. но сейчас точно есть кто хочет увидеть ее в работе так сказать воочию, зайдите на нашем сайте на главную страницу и можете посмотреть в деле. fear
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Скрипт блок статистики сайта как на ZorNet.ru
  • Страница 1 из 1
  • 1
Поиск: