« Скрипт круглой статистики сайта для uCoz »

Описание материала:

Хороший и простенький скрипт статистики сайта для сайтов системы uCoz. Статистика выглядит очень просто и сделана из трех круглых окошек, первое окошко это количество пользователей посетивших сайт за сутки, второе окошко это количество пользователей которые находятся на сайте онлайн, а третье окошко это количество гостей онлайн. Скрипт не кликабелен, и не будет сильно нагружать ваш сайт. Этот скрипт очень прост в установке и его очень легко подстроить вод свой сайт, так же скрипт не требует скачивания.

Установка:
Заходи в ПУ - Управление дизайном - Выбираем контейнер в котором находится ваша статистика, заменяем данный код:

Код
$ONLINE_COUNTER$

На этот:
Код
<style type="text/css">  
.item {text-align: center; float: left; margin: 25px;}  
.num {border: 5px solid; border-radius: 50%;line-height: 30px;width: 30px;margin: auto;text-align: center; font-size:19pt;}  
#tnum {border-color: #dd9a22;color: #dd9a22;}
#unum {border-color: #C43E2B;color: #C43E2B;}
#gnum {border-color: #999999;color: #999999;}
</style>  
<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>


Теперь если вы хотите заменить данные цвета статистики, то это очень просто. Ищем в коде CSS вот эти обозначения #tnum, #unum, #gnum, Теперь объясню кто за что отвечает - #tnum это цвет "Всего", #gnum это цвет "Юзер", #unum это цвет "Гости"

Готова!


Установка материала

Мы поможем установить данный материал к Вам на сайт

Источник

Материал взят со стороннего ресурса и был проверен нами


Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 734


Поделиться в соц. сетях:

К данному материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!

Комментариев к материалу: 0
avatar