Скрипт красивой статистики посетителей для uCoz

Раздел uCoz

Photoshop

Мини-чат

Мы ВКонтакте

Скрипт красивой статистики посетителей для uCoz

Красивый и удобный скрипт статистики посетителей для вашего сайта uCoz, особенно привлекает данном блоке это простое отображение количества пользователей онлайн, причем которые поделены на группы. Также есть места под счетчик от юкоза и остальных, можно использовать эти места под баннерообмен.

Установка:
Обязательно активируем модуль "Статистика", также необходимо в общих настройках отметить функцию "Кто онлайн". Далее устанавливаем следующий код в блок где у вас должна быть статистика посетителей.

Код

<?if($COUNTER$ || $ONLINE_COUNTER$)?>
   <div class="statistics-user">
   <div class="statistics-user-l">$ONLINE_COUNTER$</div>
   <span class="statistics-user-r">
   $COUNTER$
   <a href="http://uc-life.ru"><img src="http://uc-life.ru/bannermini.png" alt="ucoz" /></a>
   <a href="#"><img src="http://uc-life.ru/01680543-1-.gif" alt="ucoz" /></a>
   </span>
   </div>
  <?endif?>

А этот код в ваш CSS сайта

Код

.statistics-user {
   float:left;
   width:230px;
   padding: 5px 10px;
   background: #fff;
   border: 1px solid #CAD3DA;
   border-radius:5px;
  }

  .statistics-user-l {
   float:left;
   width:90px;
  }

  .statistics-user-l b,
  .statistics-user-l div{
   float:left;
   width:90px;
  }

  .statistics-user-l b {
   padding-bottom: 3px;
   border-bottom: 1px solid #CAD3DA;
   font-size:14px;
   color:#666;
  }

  .statistics-user-l div{
   color:#999;
   height:37px;
   padding: 3px 0px 0px 37px;
   display:block;
   background: url(http://uc-life.ru/99143961-1-.png) no-repeat;
  }

  #onl1 {background-position:0px 0px;}
  #onl2 {background-position:0px -35px;}
  #onl3 {background-position:0px -69px;}
  #onl3 b {border-bottom:none }

  .statistics-user-r{
   float:right;
   width:88px;
   padding: 5px 0px 0px 7px;
   border-left: 1px solid #CAD3DA;
  }

  .statistics-user-r img{
   margin-bottom: 5px;
  }

  .statistics-user a:hover img {filter: progid: DXImageTransform.Microsoft.Alpha(opacity=85); -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=85);}

Всего комментариев: 0