Вид онлайн статистики


Онлайн статистика для uCoz делится на три круглых блока: первый показывает общее количество пользователей онлайн, второй – количество посетителей за сегодняшний день, третий просто показывает список онлайн пользователей.

Установка: Вставляем в Таблицу стилей (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 ---------- */

Заменяем $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. Также можно изменить и размеры кругов шрифт текста и т.д. Для работоспособности скрипта у вас должен быть активирован модуль "Статистика сайта".


Поделиться с друзьями:


Поделись ссылкой с другом:

Простая ссылка:
Html ссылка:
ВВ ссылка:

Просмотров: 10
Загрузок: 1
Комментариев: 0
avatar
Меню портала
Мы в соц. сетях

Мини-чат
Для добавления необходимо
войти или зарегистрироваться
Статистика
Счетчики сайта
Яндекс.Метрика Индекс цитирования Top.Mail.Ru
Сейчас online
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Вход на сайт

Теги сайта
Опросник
Оцените мой сайт
Всего ответов: 0
Всем привет
Вы видите это сообщение так как вы не зарегистрировались. Авторизуйтесь или зарегестрируйтесь чтобы не видеть это окно.
By 4elovek.clan.su © 2020