[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Скрипты для ucoz » Другие скрипты ucoz » Вид онлайн статистики пользователей uCoz
Вид онлайн статистики пользователей uCoz
ExamPL
Oффлайн
Дата: Четверг, 11.07.2019, 16:09 | Сообщение # 1
ExamPL
Сообщений: «26»
Администраторы
0

Изменяем стандартную статистику на более усовершенствованную оформленную на стилях.
Установка:
Для начала у вас должен быть активирован модуль статистики сайта. Далее заменяем следующий код:

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


В таблицу стилей 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;}
Форум » Скрипты для ucoz » Другие скрипты ucoz » Вид онлайн статистики пользователей uCoz
  • Страница 1 из 1
  • 1
Поиск: