Карта сайта
Контакты
Топчики
Теги сайтаВид онлайн статистики
- Раздел:
- Web мастерская
- Категория:
- Скрипты для uCoz
- Добавлено:
- 19.03.2021 в 20:15
- Добавил:
- 4elovek_online
- Теги :
Онлайн статистика для 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 ---------- */
.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>
<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 ссылка: |
|
 ВВ ссылка: |
Мы в соц. сетях
Мини-чат
Вход на сайт
Категории раздела
| Баннеры [16] |
| Страницы 404 [12] |
| Скрипты для uCoz [28] |
| Шаблоны для uCoz [0] |
| Иконки форума [3] |
| Иконки групп [10] |
Теги сайта
Опросник
