Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.144.97.216
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Скрипт светлой статистики в блоке
Сообщение оставлено 24.03.2012 в 09:41:43 | Сообщение #1


Установка:

В CSS:
Code
/* зарегистрированные */        
       .stats img {background:#f7f7f7;padding:4px;border-right:0px dotted #ccc;border-top:1px solid #ccc;border-left:0px solid #ccc}        
       .stats_text {padding:4px;padding-right:none;border-top:1px solid #ccc;width:100%;border-right:1px solid #ccc;font:11px Tahoma;}        
       .stats_text b {float:right;}        

       .stat_counter {border:1px solid #ccc;padding:6px;width:100%;margin-top:-3px;}        
       .stat_tit {border:1px solid #ccc;border-bottom:none;background:#f7f7f7;padding:4px;font-weight:bold;border-top:none}       
       /* -------------- */       

       /* модернизированный счетчик */        
       .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;}       
       /* -------------- */       

       /* Кто онлайн? Нас посетили */        
       a.informer_beta:link, a.informer_beta:visited, a.informer_beta:active {text-decoration:none;color:#737373;display:block;border:0px;border-top:1px solid #dadada;background:#fff url(/img/15.gif) no-repeat 4px 7px;padding:3px 3px 3px 13px;}       
       a.informer_beta:hover {text-decoration:none;color:#366d85;background:#f3f3f3 url(/img/15.gif) no-repeat 4px 7px;}       
       /* -------------- */

В блок:
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><br>  
<a href="javascript://" class="informer_beta" onclick="new _uWnd('OnUsrLst',' ',250,200,{autosize:0},{url:'/index/62'});return false;">Кто on-line?</a>  
<a href="javascript://" class="informer_beta" onclick="new _uWnd('TdUsrLst',' ',250,450,{autosize:0},{url:'/index/62-2'});return false;" class="fUsrList">Сегодня нас посетили</a>  
<table class="stats" border="0" cellpadding="0" cellspacing="0" >  
$MYINF_2$  
</table>

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

Code
<tr><td><img src="http://rip-ucoz-test.ucoz.ru/scripts/stas/0043720c12b8.png"></td><td class="stats_text">Всего чел. на сайте: <b>$ALL_USERS$</b></td></tr>        
       <tr><td><img src="http://rip-ucoz-test.ucoz.ru/scripts/stas/1d2302be5c31.png"></td><td class="stats_text">Новых за месяц:<b> $30DAYS$</b></td></tr>        
       <tr><td><img src="http://rip-ucoz-test.ucoz.ru/scripts/stas/894997423f3e.png"></td><td class="stats_text">Новых за неделю:<b> $7DAYS$</b></td></tr>        
       <tr><td><img src="http://rip-ucoz-test.ucoz.ru/scripts/stas/38aea6612ede.png"></td><td class="stats_text">Новых вчера:<b> $YESTERDAY$ </b></td></tr>        
       <tr><td style="border-bottom:1px solid #ccc;"><img src="http://rip-ucoz-test.ucoz.ru/scripts/stas/bf0b66400abf.gif"></td><td style="border-bottom:1px solid #ccc;" class="stats_text">Новых сегодня:<b> $TODAY$</b></td></tr>
 
 
   
Сообщение оставлено 24.03.2012 в 10:13:37 | Сообщение #2
Афигенный скрипт вообще
поставлю себе)
спс
 
 
   
Сообщение оставлено 24.03.2012 в 10:16:17 | Сообщение #3
Прям такой же был только без кто онлайн и кто посетил dance
 
 
   
Сообщение оставлено 24.03.2012 в 12:59:27 | Сообщение #4
Красиво очень смотрится smile
 
 
   
Сообщение оставлено 24.03.2012 в 20:38:31 | Сообщение #5
во..это прикольно
 
<a href="http://logical-portal.ru/index/8-215721" target="_blank"><img src="http://liiion911.ru/bb_1_3_215721.png" /></a>
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика