Модернизированный скрипт статистки пользователей онлайн ucoz

Изменение и Модернизация кода счетчика онлайн статистики в процентах fixed от модератора сайта http://ucozon.ru TRANE73 Модернизированный скрипт статистки пользователей онлайн ucoz В первой версии было все на много примитивно использовались для вывода цифр просто тупо имена стилей из статистики стандартной, таких как ( .tOnline .gOnline .uOnline ) в данной версий мало отличий, но больше функциональности, так как в старой версии бывали некоторые баги, к примеру как соотношению статистки в процентах при сложение сумма не выходила на все 100% хотя на это не кто внимания не обращал. В новом варианте все построено немного иначе условный оператор $ONLINE_COUNTER$ скрываем при помощи стиля, так как именно он нам и служит для вывода в процентом соотношение из стандартов стиля.

Установка на свой сайт новейшего варианта статистики пользователей Стиль для статистики используются те же что и в старой версии, если вы ставите в первый раз надо добавить в вашу таблицу CSS:

Code

.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://usite.su/images/new/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://usite.su/images/new/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://usite.su/images/new/highlight_faint.png') repeat-x top;} #icon-gray {display:inline-block; height:6px; width:6px; border:1px solid #757B7F; background:#999999 url('http://usite.su/images/new/highlight_faint.png') repeat-x top;}

Этот свободный код вывода, вставляем туда, где желаем видеть статистику:

Code

<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> <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>

Первоначальный автор: PhoEn-X Модификация от: TRANE73

Автор\Источник: http://trane73.ru/
Для того что бы скачать архив необходимо зайти на сайт как пользователь.