Главная » Файлы » Скрипты для uCoz » Пользователи

Новый стильный вид онлайн статистики для вашего сайта uCoz
24.06.14, 17:05:07

Скачать файл




Достаточно интересный светлый, аккуратно выполненный вид онлайн статистики для вашего сайта

Установка:

В то место, где должна быть статистика, вставляйте следующий код:
Код
<?if($COUNTER$ || $ONLINE_COUNTER$)?>  
  <div class="statistics-user">  
  <div class="statistics-user-l">$ONLINE_COUNTER$</div>  
  <span class="statistics-user-r">  
  $COUNTER$  
  <a href="#"><img src="/images/stat-img2.gif" alt="ucoz" /></a>  
  <a href="#"><img src="/images/stat-img2.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(/images/statistics-user.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);}


Картинки из прикреплённого архива залейте в папку images

Материал подготовлен Apocalypse
Категория: Пользователи | Добавил: Apocalypse | Теги: Онлайн, вид, Стильный, ucoz, Вашего, статистики, сайта, для, новый
Просмотров: 385 | Загрузок: 0 | Рейтинг: 1.0/1
Всего комментариев: 0
Имя *:
Email: