Новый вид онлайн статистики для uCoz
827материалов
228тем на форуме
3004комментария
6160пользователей

Новый вид онлайн статистики для uCoz


Описание:

Онлайн статистика для uCoz делится на три круглых блока: первый показывает общее количество пользователей онлайн, второй – количество посетителей за сегодняшний день, третий просто показывает список онлайн пользователей. Думаете, что поставили цифры в цветные блоки и теперь статистика на Вашем сайте такая крутая? Да, это так, она простая и будет смотреться эстетично на любом сайте. Может быть, а может, и нет.

Установка:

1. Для начала установим CSS. Просто вставьте следующий код в конец своего CSS:
Код
.item {text-align: center; float: left; margin: 10px;}     
.num {border: 5px solid; border-radius: 50%;line-height: 50px;width: 50px;margin: auto;text-align: center; font-size:19pt;}     
#tnum {border-color: #6A234E;color: #6A234E;}     
#unum {border-color: #0082FF;color: #0082FF;}     
#gnum {border-color: #00710A;color: #00710A;}

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.

ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 19.12.2015 в 18:00
Материал просмотрен: 2633 раза
Категория материала: Скрипты для uCoz
К материалу оставлено: 16 комментариев

Пожаловаться
Сказать спасибо
Источник

16 комментариев


darkelow
3c956ff @darkelow 19.12.2015 18:421
+8
Блин, так классно, очень просто все так сделано. Спасибо like humor
Snoopak
Anatoliy @Snoopak 20.12.2015 12:422
+1
Спасибо, я старался)
avatar
немого понять куда вставить все это!под скажите пожалуйста полный путь !
Snoopak
Anatoliy @Snoopak 27.12.2015 23:574
+1
Первый код вставляете в конец вашего CSS (управление дизайном> Таблица стилей css).Второй код ставите в место где хотите видеть эту статистику. Если что-то не понятно, то пишите мне в вк.
avatar
Большущее тебе спасибо! Получилось!!!!
Snoopak
Anatoliy @Snoopak 29.12.2015 22:456
0
Не за что, всегда рад помочь)
schoolonly
Спасибо, помог. Очень круто. СПАСИБО, СПАСИБО, СПАСИБО
avatar
dimka @dimka7846 18.06.2016 00:328
0
avatar
dimka @dimka7846 18.06.2016 00:339
0
как разместить по центру блока?...
Ромчик
И так по центру расположено
1 2 »
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта