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

[Mirovinger]

Пользователь Mirovinger разместил новый ресурс:

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

Уже сколько по форуму было запросов, как оформить стату, как на скрине ниже.

Посмотреть вложение 55743​

Решил набросать черновой вариант, так как всё равно, каждый cможет подогнать под себя.

А делается всё элементарно, из простой статистики форума.
В шаблоне 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...

Узнать больше об этом ресурсе...

 

[kisel]

весьма эсетичненько! Мэрси!
Можно ли в эту шкалу как-то вписать поисковых ботов?

 

[Zepo]

А как сделать , чтобы захватывались в обводку не только таблички , но и определения цветов , и как сделать , чтобы они были тоже закруглённые ?

 

[lomanu4]

kak vstavit' robotov s otdelnumi ikonkami

 

[Skaiman]

kak vstavit' robotov s otdelnumi ikonkami

Сами заскочат, как придут

 

[Stiven]

Все сделал как написано не каких изменений
почему так?

 

[>.P.S.I.X.<]

Все сделал как написано не каких изменений
почему так?

значит что то напортачил, я вот сейчас все сделал и все появилось

 

[Stiven]

Narkosha46, не знаю все делал как написано

 

[lomanu4]

у меня без модифакации роботы показает,как только ставлю модификацию роботов больше нету,может есть обновление?

 

[bphmth]

у меня без модифакации роботы показает,как только ставлю модификацию роботов больше нету,может есть обновление?

логично вполне, что роботов не показывает, их же нет в модификации )

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

<div id="robots_online">{xen:number $onlineUsers.robots}</div>

+ прописать #robots_online там-же

а потом уже в EXTRA.css адаптировать их (robots_online) или просто воспользоваться плагином от svg и ничего не править в шаблонах

 

[lomanu4]

а можно на готов примере,с инструкцией?

 

[bphmth]

а можно на готов примере,с инструкцией?

можно попробовать:

в первоначальном виде шаблон в сайдбаре имеет это

<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>

где 'robots={xen:number $onlineUsers.robots}', это то, чего Вам так не хватает

далее Вам предлагают сменить эти строчки в шаблоне на вот эти:

<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>

где совершенно нет ничего связанного с robots={xen:number $onlineUsers.robots}, то есть его вырезали, следователя исходя из буквы Л - логика, неплохо бы вставить это обратно, если хочется видеть роботов

ну и на вскидку, это конечно надо пробовать, но..:

<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'}%;
  }
#robots_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>
  Незарегистрированные
<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 впилить к тому, что предлагают, ещё вот такое:

#robots_online {
  background: rgb(63, 70, 73) none repeat scroll 0 0;
  float: right;
  max-width: 91%;
  min-width: 5%;
  padding: 2px 0;

но это я скопировал, на практике врядле с подобным встанет ровно и придётся играться со значениями, но повторюсь, лучше поставить плагин от SVG, тут на форуме не нашёл его, но он есть в доступе и с плагином у Вас будет примерно вот так:

 

[Skaiman]

где совершенно нет ничего связанного с robots={xen:number $onlineUsers.robots}, то есть его вырезали, следователя исходя из буквы Л - логика, неплохо бы вставить это обратно, если хочется видеть роботов

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

 

[zBlock]

Ребята как поменять красную строку который показывает сколько пользывателей онлайн на зеленый цвет например?

 

[bphmth]

то, что Вы вставляли в EXTRA.css, а именно вот эта часть:

#users_online {
  background: rgb(123, 33, 37) none repeat scroll 0 0;
  float: left;
  max-width: 94%;
  min-width: 8%;
  padding: 2px 0;
}

где background: rgb(123, 33, 37) none repeat scroll 0 0;

замените rgb на нужный вам

 

[Stiven]

Вообщем проблема такая из за Widget Framework данная модификация не работает можно как то исправить не выключая аддон

 

[Skaiman]

Вообщем проблема такая из за Widget Framework данная модификация не работает можно как то исправить не выключая аддон

Создать виджет, если используешь его, то не составит труда

 

[lomanu4]

можно попробовать:

в первоначальном виде шаблон в сайдбаре имеет это

<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>

где 'robots={xen:number $onlineUsers.robots}', это то, чего Вам так не хватает

далее Вам предлагают сменить эти строчки в шаблоне на вот эти:

<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>

где совершенно нет ничего связанного с robots={xen:number $onlineUsers.robots}, то есть его вырезали, следователя исходя из буквы Л - логика, неплохо бы вставить это обратно, если хочется видеть роботов

ну и на вскидку, это конечно надо пробовать, но..:

<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'}%;
  }
#robots_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>
  Незарегистрированные
<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 впилить к тому, что предлагают, ещё вот такое:

#robots_online {
  background: rgb(63, 70, 73) none repeat scroll 0 0;
  float: right;
  max-width: 91%;
  min-width: 5%;
  padding: 2px 0;

но это я скопировал, на практике врядле с подобным встанет ровно и придётся играться со значениями, но повторюсь, лучше поставить плагин от SVG, тут на форуме не нашёл его, но он есть в доступе и с плагином у Вас будет примерно вот так:

Посмотреть вложение 67440

Вот именно вот и пишу может администрация добавить эту модификацию от SVG,вроде как по мне красивая и нужная модификация.

 

[Mirovinger]

Не имею права, что-то публиковать без согласия автора, а там двойное авторство, так что Вы уж сами ищите, или мануал дополните, у меня пока нет времени и желания.

 

[lomanu4]

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