регистрация
856материалов
3264комментария
230тем на форуме
6752пользователя

Новый вид онлайн статистики для 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
Материал просмотрен: 3568 раз
Категория материала: Скрипты для uCoz
К материалу оставлено: 17 комментариев

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

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


darkelow
Алексей @darkelow 19.12.2015 18:421
+8
Блин, так классно, очень просто все так сделано. Спасибо
Snoopak
Anatoliy @Snoopak 20.12.2015 12:422
+1
Спасибо, я старался)
saha0602
немого понять куда вставить все это!под скажите пожалуйста полный путь !
Snoopak
Anatoliy @Snoopak 27.12.2015 23:574
+1
Первый код вставляете в конец вашего CSS (управление дизайном> Таблица стилей css).Второй код ставите в место где хотите видеть эту статистику. Если что-то не понятно, то пишите мне в вк.
saha0602
Большущее тебе спасибо! Получилось!!!!
Snoopak
Anatoliy @Snoopak 29.12.2015 22:456
0
Не за что, всегда рад помочь)
schoolonly
Спасибо, помог. Очень круто. СПАСИБО, СПАСИБО, СПАСИБО
d
Dimka @dimka7846 18.06.2016 00:328
0
Код
]<!-- <block12> -->
<?if($COUNTER$ || $ONLINE_COUNTER$)?>
<div class="sidebox"><div class="sidetitle"><span><!-- <bt> --><!--<s5195>-->Статистика<!--</s>--><!-- </bt> --></span></div>
<div class="inner">
<div align="center"><!-- <bc> -->
<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>
<!-- </bc> --></div>
</div>
<div class="clr"></div>
</div>
<?endif?>
<!-- </block12> -->
d
dimka @dimka7846 18.06.2016 00:339
0
как разместить по центру блока?...
Ромчик
И так по центру расположено
1 2 3 »
avatar
-50% на шаблоны от TemplateMonster
Создать сайт вместе с uKit.com
Статистики нашего сайта
Правила чата
Пользователи онлайн
Закрыть мини-чат
+Открыть мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0