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