Стильный вид статистики онлайн на сайт uCoz
Статистика сайта это неотъемлемая часть функций на портале и она должна соответствовать вашему дизайн, и здесь представлен стильный вид. Где будет три окна разного оттенка цвета, которые будут выводить цифры, кто онлайн как гость или пользователь, а также сколько всего на сайте находятся.
Установка:
Ищем
И нужно его заменить, а точнее убрать и поставить этот скрипт:
Добавляем в таблицу стилей (CSS) где также вы можете выводить цвета и форму.
Вот и всё)
Установка:
Ищем
Код
$ONLINE_COUNTER$
И нужно его заменить, а точнее убрать и поставить этот скрипт:
Код
<div class="b_stat"><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></div>
<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></div>
Добавляем в таблицу стилей (CSS) где также вы можете выводить цвета и форму.
Код
.b_stat {margin:0 0 0 40px;display:inline-block;}
.item {text-align: center; float: left; margin: 10px 10px 0 10px;font-size:12px !important;text-transform:uppercase;}
.num {border: 2px solid; border-radius: 3px;line-height: 30px;width: 30px;margin: auto;text-align: center; font-size:16px;}
#tnum {border-color: #222121;color: #222121;}
#unum {border-color: #f96c04;color: #f96c04;}
#gnum {border-color: #95a5a6;color: #95a5a6;}
.item {text-align: center; float: left; margin: 10px 10px 0 10px;font-size:12px !important;text-transform:uppercase;}
.num {border: 2px solid; border-radius: 3px;line-height: 30px;width: 30px;margin: auto;text-align: center; font-size:16px;}
#tnum {border-color: #222121;color: #222121;}
#unum {border-color: #f96c04;color: #f96c04;}
#gnum {border-color: #95a5a6;color: #95a5a6;}
Вот и всё)
Скачать бесплатно - [.]
без регистрации через 5 сек.
Или скачать без ожидания.
Или скачать без ожидания.
