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

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

07.01.201633939Kaizzer

Предлагаем вашему вниманию такой круглый вид статистики. На первый взгляд, на подсознательном уровне, статистика может показаться содержательной, похожей на диаграммы, но по информативности это все те же три строчки, в которых показано количество пользователей онлайн, количество зарегистрированных и гостей.

Новый вид статистики для uCoz представляет собой три разноцветных круга с числами внутри. Такое оформление подойдет как для светлого так и для темного дизайна. Цвета использованы сдержанные, в какой-то степени нейтральные (зеленый, синий и серый).

Установка


1. Первым делом установим стили, для нашей статистики. Для этого, зайдите в таблицу стилей вашего сайта и в самый низ установите:

Код
.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;}

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>

После всех проделанных действий, мы получим вот такой вид новой статистики:

Ранее мы предлагали на сайте Урааа цветной вид статистики, он вполне хорошо разошелся по сайтам. Но для некоторых проектов подходит именно сдержанный вид статистики, не яркий. Этим материалом мы восполняем такой пробел.

Автор: Snoopak



Сохраните в социальную сеть
Комментарии (9)
Денис Минов 07.01.2016 в 20:53Спам
Не плохо.
0
Жека Знахарев 07.01.2016 в 21:50
пора вам с вебмастером обьеденить проекты, чтобы дублей не было таких
0
Ромчик 08.01.2016 в 01:58
За чем? У нас очень редко совпадают материалы, а если совпадают, то они даже по названию разные, но есть и несколько исключений.
1
Сергей Кот 08.01.2016 в 14:56Спам
Сделайте себе такой вид на странице пользователя заместо публикаций, комментариев, ответов.
1
Хорошее предложение.
0
Tim Kerni 10.01.2016 в 22:10Спам
Блин сайт охренительный, все скрепты и прочее работают чётко. Но все равно мало контента (((
1
Tim Kerni 10.01.2016 в 22:14Спам
Я недавно смотрел все ваши скрипты и несколько из них ( а это много ) добавил к себе на сайт, много имею в виду то что на других сайтах смотрел и больше но так себе ничего и не добавил а у вас просмотрел страницы 3-4 и уже нашол многое для себя.
0
Tim Kerni 10.01.2016 в 22:15Спам
Скрипты*
0
lalka 05.03.2016 в 06:56Спам
жалко у меня на сайте оно не стает.. вообще летит половина шаблона из за этого(
0
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт