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

Тема в разделе "Инструкции и основная информация", создана пользователем Next, 04.06.16.

  1. Next

    Next Администратор

    Сообщения:
    5.646
    Репутация:
    73
    Рейтинг:
    +566 / -0
    В шаблоне 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
     
    • Мне понравилось Мне понравилось x 1
    • renildomarcio

      renildomarcio Участник

      Сообщения:
      5
      Репутация:
      5
      Рейтинг:
      +0 / -0
      Эта модификация и очень хорошо.
      Спасибо за обмен другу Next
       
    • Сашок

      Сашок Новичок

      Сообщения:
      4
      Репутация:
      5
      Рейтинг:
      +0 / -0
      красиво и полезно позже попробую и отпишусь
       
    • Brody

      Brody Новичок

      Сообщения:
      1
      Репутация:
      5
      Рейтинг:
      +0 / -0
      Сделал всё как тут описано , все-равно не получилось , юзаю форум 1.5.6 , может из-за этого?
       
    • Next

      Next Администратор

      Сообщения:
      5.646
      Репутация:
      73
      Рейтинг:
      +566 / -0
      Делайте через модификацию шаблонов, работает на всех версиях 1.5