• Страница 1 из 1
  • 1
Форум Сталкер » Web-раздел » Скачать скрипты для сталкера » Новый вид онлайн статистики для uCoz
Новый вид онлайн статистики для uCoz
XemorDioДата: Понедельник, 04.04.2016, 12:17 | Сообщение # 1
Генерал-полковник
Группа: Пользователи
Сообщений: 897
Награды: 7
Репутация: 8
Статус: Offline

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

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

После всех проделанных действий, мы получим вот такой вид новой статистики:

 
Форум Сталкер » Web-раздел » Скачать скрипты для сталкера » Новый вид онлайн статистики для uCoz
  • Страница 1 из 1
  • 1
Поиск:
Поделись с другими сталкерами
Меню сайта
Гость
Статистика
Рейтинг@Mail.ru