Видео-уроки
Статистика
Комментарии

в 19:43 19.02.2024

в 00:58 25.12.2023
как зробить шоб зразу с текстурой появилос

в 13:17 20.07.2023
Содержимое сайта
Последние обновленные темы на форуме
Последний: 23a3sdasdasd322
Социальные сети
Тему создал Vetal, В Разделе: Социальные сети
6
Ответов
Последний: eniston4739
Дизайн сайта
Тему создал Raccoon, В Разделе: Общение
9
Ответов
Последний: eniston4739
Общение Mir-Devil
Тему создал Vetal, В Разделе: Общение
36
Ответов

  • Страница 1 из 1
  • 1
Новый вид онлайн статистики для uCoz
Дата: Вторник, 10.01.2017, 04:16 | Сообщение # 1
Raccoon
Friends Mir-Devil
372Сообщения:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:

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

Установка
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>
 
  • Страница 1 из 1
  • 1
Поиск: