Widget Staff online

Detalhes da questão

Endereço do fórum: https://brasilexperiencelife.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Olá, gostaria de um widget parecido com esse

peguei inumeros tópicos e nenhum resultou da forma que eu queria, toda vez tinha que excluir o cache para que eu consiga ver os staff on.
caso consiga também, colocar os staff online por id de grupo por ex: sou dono fico em primeiro lugar, ai tem o sub dono online também fica abaixo de mim, assim por diante!

este código foi o melhor que consegui usar, mas mesmo assim não resulta bem!

Código:

<script type="text/javascript">
    myStaff = ['/u31', '/u126', '/u92', '/u4', '/u5'];
      staff_cache_time = 4*60*1000; // mm*ss*ms;
      </script>   
<div id="theStaff">
        
</div>
       
<div style="display:none" id="theContent">
        
</div><script type="text/javascript">
 
 
      if (localStorage.staffOn && localStorage.staffEx > +new Date - staff_cache_time) jQuery('#theStaff').html(localStorage.staffOn);
      else loadStaff();
      function loadStaff() {
        jQuery('#theContent').load('/viewonline #main-content a, a.gen', function() {
          for (i=0; i<myStaff.length; i++) jQuery('#theContent a').filter(function() { return jQuery(this).attr('href') === myStaff[i] }).appendTo('#theStaff').wrap('<div class="myStaff">');
          if (!jQuery('#theStaff .myStaff').length) jQuery('#theStaff').html('Sem equipe moderação online.');
          jQuery('.myStaff a').each(function() {
            var href = jQuery(this).attr('href');
            jQuery(this).before('<span class="monAva"></span>').prev().load(href + ' #profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img', function() {
              if (window.localStorage) {
                localStorage.staffOn = jQuery('#theStaff').html();
                localStorage.staffEx = +new Date;
              }
 
            });
          });
        });
      }
 
    jQuery(document).ready(function(){      jQuery('.myStaff a').each(function() {    var href = jQuery(this).attr('href');
    var mp = this.pathname; var user = mp.substring(1,5); var usert = "/privmsg?mode=post&u=";var mpuser = usert + user;
    jQuery(this).after('<br><span class="monPro"> <a href='+href+'><img src=""></a> <a href='+mpuser+'><img src=""></a></span>');
    });
    });
      </script><style type="text/css">.monAva img {
      height: 20px;
      width: 20px;
      margin-right: 5px;
      background: none repeat scroll 0 0 #FFF;
      border: 1px solid #d5d1c8;
      box-shadow: 0 2px 2px rgba(0,0,0,0.1);
      padding: 1px;
    }
    .monAva img:hover {
      border: 1px solid black;
    }
.myStaff a {
    margin: 0 !important;
    vertical-align: top !important;
}
        .monPro {position: relative; left: 25px;top: -10px}
    </style>

Pode fechar !! obrigado