• Страница 1 из 1
  • 1
Вид онлайн статистики
Lexarus
Offline
Дата: Понедельник, 14.03.2016, 06:51 | Сообщение # 1
Постов: «3513»
Лучший админ

Описание:
Онлайн статистика для uCoz делится на три круглых блока: первый показывает общее количество пользователей онлайн, второй – количество посетителей за сегодняшний день, третий просто показывает список онлайн пользователей.
Установка:
1. Для начала установим CSS. Просто вставьте следующий код в конец своего CSS:
Код
/* ---------- statistica ---------- */
.item {text-align: center; float: left; margin: 10px;}
.num {border: 2px solid; border-radius: 50%;line-height: 30px;width: 30px;margin: auto;text-align: center; font-size:16px;}
#tnum {border-color: #16a085;color: #16a085;}
#unum {border-color: #0082FF;color: #0082FF;}
#gnum {border-color: #95a5a6;color: #95a5a6;}
/* ---------- end_statistica ---------- */

2. Далее установим html разметку нашей онлайн статистики. Найдите у себя $ONLINE_COUNTER$ и замените на:
Код
<div class="item total">  
<div id="tnum" class="num"></div>  
Всего  
</div>  
<div class="item users">  
<div id="unum" class="num"></div>  
Юзеры  
</div>  
<div class="item guests">  
<div id="gnum" class="num"></div>  
Гости  
</div>  
<div style="display:none;">$ONLINE_COUNTER$</div>  
<script type="text/javascript">  
$('#tnum').text($('#onl1 b').text());  
$('#gnum').text($('#onl2 b').text());  
$('#unum').text($('#onl3 b').text());  
</script>

Вот и все, на этом установка завершена)

Настройка:

Для того, чтоб изменить цвета обводки кругов, в css заменяем цвета на свои, а именно border-color.
Также можно изменить и размеры кругов шрифт текста и т.д. Для работоспособности скрипта у вас должен быть активирован модуль "Статистика сайта"
  • Страница 1 из 1
  • 1
Поиск: