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

[Mirovinger]

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

 

[lomanu4]

Сделал по мануалу Скаймана,стало все криво

Так то ни кто не вырезал :-) просто я добавил, да и шрифт роботов делал, здесь в кодах нет его подключения, значит и отображаться не будут.

Как добавить в стиль картинки роботов,а то показывает квадратики

 

[Skaiman]

Сделал по мануалу Скаймана,стало все криво

По какому мануалу, не делал я ни какого мануала :)

 

[Mirovinger]

Это шрифтовые иконки, загрузите нормально содержимое, если дополнение уже нашли где скачать.

 

[lomanu4]

По какому мануалу, не делал я ни какого мануала :-)

я уже достал аддон,но вместо роботов показывает квадратики

 

[Skaiman]

Кто то криво рипнул :) там не хватает шрифта

 

[lomanu4]

Это шрифтовые иконки, загрузите нормально содержимое, если дополнение уже нашли где скачать.

Спасибо,перезалил файл и все решилось

 

[RAPAX]

Немного подправил под свой вкус, добавил роботов в список. Может кому понравится и пригодится :-)

В шаблоне: 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.members}) / {xen:number $onlineUsers.total} * 100'}%;
  }
  #guests_online {
  width: {xen:calc '({xen:number $onlineUsers.total} - {xen:number $onlineUsers.guests}) / {xen:number $onlineUsers.total} * 100'}%;
  }
  #robots_online {
  width: {xen:calc '({xen:number $onlineUsers.total} - {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>
  Посетители
  <br />
  <span class="squad robots"></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 id="robots_online">{xen:number $onlineUsers.robots}</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: #af0008 none repeat scroll 0 0;
  float: left;
  max-width: 40%;
  min-width: 8%;
  padding: 2px 0;
}
#guests_online {
  background: #005858 none repeat scroll 0 0;
  float: left;
  margin-left: -1px;
  max-width: 30%;
  min-width: 5%;
  padding: 2px 0;
}
#robots_online {
  background: #404040 none repeat scroll 0 0;
  float: right;
  max-width: 30%;
  min-width: 2%;
  padding: 2px 0;
}
.squad {
  display: inline-block;
  height: 8px;
  width: 8px;
}
.users {
  background: #af0008 none repeat scroll 0 0;
}
.guests {
  background: #005858 none repeat scroll 0 0;
}
.robots {
  background: #404040 none repeat scroll 0 0;
}
/*Блок пользователи онлайн*/

Сохраняем.

Результат:

 

[Skaiman]

Я перед тем как роботов добавить иконками, тоже делал так, но смори, там процентное соотношение полосок разное 2 пользователя и два робота, а полоски разные, потом при 0, полоска должна быть минимальной, а не занимать третью часть :) вот потыкался я немного и не понравился результат, плюнул и сделал анроидов :)

 

[squader]

а если сделать так, то при большем количестве роботов или пользователей, полоски не будут переваливать друг на друга?

 

[RAPAX]

squader, так как я сделал - не будут. Я же и выравнивал всё там. :)

 

[tkreks]

У меня интересный баг вскочил, если было 0 посещений и первый раз зайти на форум, то в шапке выпадает ошибка как на скрине.
Повторюсь, что баг возникает при условии, что до моего захода на форум, там было 0 посещений последние 10-15 минут.

 

[Mirovinger]

PHP 7.x, если да, то гляну позже.

 

[tkreks]

PHP 7.x, если да, то гляну позже.

Неа, 5.6 версия( Судя по ошибке, проблема возникает в шаблоне.

 

[Mirovinger]

Как бы, я вижу где ошибка и в чём, но на 5.6 не было такого, но проверим.

 

[ikutaxova]

Немного подправил под свой вкус, добавил роботов в список. Может кому понравится и пригодится :-)

В шаблоне: 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.members}) / {xen:number $onlineUsers.total} * 100'}%;
  }
  #guests_online {
  width: {xen:calc '({xen:number $onlineUsers.total} - {xen:number $onlineUsers.guests}) / {xen:number $onlineUsers.total} * 100'}%;
  }
  #robots_online {
  width: {xen:calc '({xen:number $onlineUsers.total} - {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>
  Посетители
  <br />
  <span class="squad robots"></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 id="robots_online">{xen:number $onlineUsers.robots}</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: #af0008 none repeat scroll 0 0;
  float: left;
  max-width: 40%;
  min-width: 8%;
  padding: 2px 0;
}
#guests_online {
  background: #005858 none repeat scroll 0 0;
  float: left;
  margin-left: -1px;
  max-width: 30%;
  min-width: 5%;
  padding: 2px 0;
}
#robots_online {
  background: #404040 none repeat scroll 0 0;
  float: right;
  max-width: 30%;
  min-width: 2%;
  padding: 2px 0;
}
.squad {
  display: inline-block;
  height: 8px;
  width: 8px;
}
.users {
  background: #af0008 none repeat scroll 0 0;
}
.guests {
  background: #005858 none repeat scroll 0 0;
}
.robots {
  background: #404040 none repeat scroll 0 0;
}
/*Блок пользователи онлайн*/

Сохраняем.

Результат:
Посмотреть вложение 67930

очень не плохо, но что то не получается

 

[avid]

у меня одного оно криво отображается ?

 

[West14]

у меня одного оно криво отображается ?

Смотря какой стиль. Покажите скриншот.

 

[avid]

West14, стиль Edge

 

[Len]

косяк такой после добавления в extra предоставленного кода в плагине [bd] Medal.