Материалы

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

Онлайн статистика Вашего проекта специально для отображения пользователя, что у Вас имеется и в каком виде. Очень приятно и сайт с хорошими результатами внушает больше доверия.



Приятный дизайн и качественное оформление не оставят Вас в стороне.

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



1. Установка CSS


Заходим в низ таблицы оформления стилей CSS и в самый низ вставляем данный код

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

Советуем к просмотру:

Сохраните в социальную сеть
Прикрипления
Отсутствуют  

Комментарии
Комментариев пока нет, вы можете оставить комментарий первым.
Оставить комментарий
avatar