Дата: Вторник, 10.01.2017, 04:16 | Сообщение # 1 |
Предлагаем вашему вниманию такой круглый вид статистики. На первый взгляд, на подсознательном уровне, статистика может показаться содержательной, похожей на диаграммы, но по информативности это все те же три строчки, в которых показано количество пользователей онлайн, количество зарегистрированных и гостей.
Установка
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>
|
| |
