Файлы Скрипты и модификации

Модернизация счетчика «онлайн статистики» fixed

Описание:
Многие из вас уже поставили первую версию счетчика «онлайн статистики» и столкнулись с тем, что сумма процентов гостей и пользователей была не равна 100%. Убив пару часов с iWebb'ом мы решили данную проблему, чуть-чуть подправили дизайн, цвета так же можно настроить очень легко, так что пользуйтесь на здоровье.
Приступим к установке.
1. В ваш css добавляем следующий код
Код
.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 url('http://for-ucoz.my1.ru/scripts/1/highlight_faint.png') repeat-x top; 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 url('http://for-ucoz.my1.ru/scripts/1/highlight_faint.png') repeat-x top; text-align:right;}  
  #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://for-ucoz.my1.ru/scripts/1/highlight_faint.png') repeat-x top;}  
  #icon-gray {display:inline-block; height:6px; width:6px; border:1px solid #757B7F; background:#999999 url('http://for-ucoz.my1.ru/scripts/1/highlight_faint.png') repeat-x top;}

2. Находим у себя на страницах код $ONLINE_COUNTER$ и заменяем его на
Код
<div style="display:none;">$ONLINE_COUNTER$</div>  
  <div style="float:right;"><span style="color:#61768a;">Пользователи</span><span id="icon-border" style="margin-left:3px;"><span id="icon-blue"></span></span></div>  
  <div><span id="icon-border" style="margin-right:3px;"><span id="icon-gray"></span></span><span style="color:#7d7d7d;">Гости сайта</span></div>  
  <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>

3. Чуть ниже ставим код скрипта
Код
<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>

Первоначальный автор: iWebb
Доработка дизайна: PhoEn-X
Оптимизация кода: TRANE73
Источник: usite.su
Загрузка данных...
Материал «Модернизация счетчика «онлайн статистики» fixed» ещё никто не комментировал.
Добавлять комментарии могут только зарегистрированные пользователи.
Войдите на сайт или Зарегистрируйтесь
Наш опрос
Сколько вам лет?
193 ответа
Архив
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Никого нету
Сегодня нас посетили
Никто ещё не посетил
© 2012-2020 «For-uCoz». Дизайн и верстка Snoopak Хостинг от uCoz
Внимание! На сайте ведутся технические работы.
Некоторые изображения и файлы могут быть недоступны