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

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

22016-01-0761889Денис Абдуллин

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

Новый вид статистики для 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

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