Модификация блока "Пользователи онлайн"

Next

Регистрация
29.09.14
Сообщения
8,857
Симпатии
847
#1
В шаблоне sidebar_online_users находим

Код:
<div class="footnote">
            {xen:phrase online_now_x_members_y_guests_z_robots_a, 'total={xen:number $onlineUsers.total}', 'members={xen:number $onlineUsers.members}', 'guests={xen:number $onlineUsers.guests}', 'robots={xen:number $onlineUsers.robots}'}
        </div>
Заменяем на
Код:
 <div class="footnote">
  <style type="text/css">
  /* (b-a):b*100 */
  #users_online {
  width: {xen:calc '({xen:number $onlineUsers.total} - {xen:number $onlineUsers.guests}) / {xen:number $onlineUsers.total} * 100'}%;
  }
  #guests_online {
  width: {xen:calc '({xen:number $onlineUsers.total} - {xen:number $onlineUsers.members} - {xen:number $onlineUsers.robots}) / {xen:number $onlineUsers.total} * 100'}%;
  }
  </style>

  <div id="description">
  <span class="squad users"></span>
  {xen:phrase members}
  <br>
  <span class="squad guests"></span>
  Незарегистрированные
  </div>
  <div id="total_users">
  <div id="users_online">{xen:number $onlineUsers.members}</div>
  <div id="guests_online">{xen:number $onlineUsers.guests}</div>
  </div>

  </div>
В EXTRA.css добавляем
Код:
#description {
  border-top: 1px solid #252525;
  margin: 10px 0;
  padding: 10px 0 0;
}
#total_users {
  border: 1px solid #252525;
  height: 18px;
  padding: 2px;
  text-align: center;
}
#users_online {
  background: rgb(123, 33, 37) none repeat scroll 0 0;
  float: left;
  max-width: 94%;
  min-width: 8%;
  padding: 2px 0;
}
#guests_online {
  background: rgb(63, 70, 73) none repeat scroll 0 0;
  float: right;
  max-width: 91%;
  min-width: 5%;
  padding: 2px 0;
}
.squad {
  display: inline-block;
  height: 8px;
  width: 8px;
}
.users {
  background: rgb(123, 33, 37) none repeat scroll 0 0;
}
.guests {
  background: rgb(63, 70, 73) none repeat scroll 0 0;
}
Получаем

Screenshot_1.png
 

renildomarcio

Регистрация
05.05.16
Сообщения
6
Симпатии
0
#2
Эта модификация и очень хорошо.
Спасибо за обмен другу Next
 

Сашок

Регистрация
05.06.16
Сообщения
4
Симпатии
0
#3
красиво и полезно позже попробую и отпишусь
 

Brody

Регистрация
22.07.16
Сообщения
1
Симпатии
0
#4
Сделал всё как тут описано , все-равно не получилось , юзаю форум 1.5.6 , может из-за этого?
 

Next

Регистрация
29.09.14
Сообщения
8,857
Симпатии
847
#5

Inoree

Регистрация
13.07.17
Сообщения
1
Симпатии
0
#6
Подскажите как поменять цвет цифр на баре