Detalhes da questão

Endereço do fórum: http://tudo2family.forumeiros.com/
Versão do fórum: PunBB

Descrição

Bom, eu estava vendo uns fóruns e me deparei com um que eu já conhecia.
E vi o widget do fórum queria saber se e possível deixar tipo este staff online:

PRINT: https://i.imgur.com/LDOFfIf.jpg

Fórum onde vi: http://brasilplaycity.com/forum/

Olá, crie um novo widget com esse código:

Código:

            <div id="Staff_Online">
                                                                                                                                                         
            </div>
                    <script type="text/javascript">
                        jQuery(document).ready(function () {
                            var widget = jQuery('#Staff_Online')[0];
                            staff_cache_time = 4*60*1000; // mm*ss*ms;
                   
                            if (localStorage.staffOn && localStorage.staffEx > +new Date - staff_cache_time) {
                                jQuery(widget).html(localStorage.staffOn)
                            } else {
                                jQuery.get('/viewonline', function (data) {
                                    var group = {
                 
                                        ffnd: jQuery('.table span[style="color:#990012"]', data).parents('td'),
                 
                                        adm: jQuery('.table span[style="color:#FF0000"]', data).parents('td'),
                 
                                        gmod: jQuery('.table span[style="color:#800080"]', data).parents('td'),
               
                                        fmod: jQuery('.table span[style="color:#7057FA"]', data).parents('td'),
           
                                        tsup: jQuery('.table span[style="color:#0020C2"]', data).parents('td'),               
                                        };
                                jQuery(widget).append(group.ffnd).append(group.adm).append(group.gmod).append(group.fmod).append(group.tsup);
                                    jQuery('#Staff_Online a[href^="/u"]').each(function () {
                                        var prof = jQuery(this).attr('href');
                                        jQuery('<a href="' + prof + '" class="avatarimage"></a>').insertBefore(this);
                                        jQuery('<div class="Info"></div>').insertAfter(this);
                                        jQuery(this).prev().load(prof + ' #profile-advanced-right .main-content img:eq(0)');
                 
                                        jQuery(this).next().load(prof + ' #field_id5 dd div:eq(0)')
                                        })
                                });
                                jQuery(window).on('load', function () {
                                    localStorage.staffOn = document.getElementById(widget).innerHTML;
                                    localStorage.staffEx = +new Date;
                                })
                            }
                        });
                        </script> <style>
                      #Staff_Online .avatarimage > img {
                        float: left;
                        margin-right: 4px!important;
                        width: 40px;
                        height: 40px;
                        border: 1px solid #0000CD;
                        border-radius: 4px;
                        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
                    }
                    #Staff_Online .Info {
                        color: #0000A0;
                        margin: 1px 45px;
                        padding: 8px 1px 5px;
                        width: 190px;
                        display: inline;
                    }
                    #Staff_Online {
                    height: auto;
                    }
                    #Staff_Online td {
                    display: block;
                    }
                    </style>

Pois bem, vamos pra parte da explicação... você deve alterar em:

ffnd: jQuery('.table span[style="color:#990012"]

por exemplo... o #990012 pela cor do seu grupo, de inicio só 5 grupos podem aparecer , ou seja, esse codigo olhe quem está online, e possui essa cor no nick.

Mas, ele pegará a informação do postfield_5 e colocará embaixo do nick... então se você quer que aparece o nome do grupo, você cria um novo campo de perfil e deixe como só moderador alterar, com o tipo campo de texto, dai você altera de quem você quer , colocando o nome do cargo dele, e pegue o numero desse campo e coloque aqui:

jQuery(this).next().load(prof + ' #field_id5 dd div:eq(0)')

em #field_id5 ... entendeu? qualquer coisa me mande uma MP

Atenciosamente,
While.

Bom eu quero apenas que aparece a foto do administrador o nick e a caixinha de MP eu fiz oque pediu porem ele ficou assim: https://i.imgur.com/QZFDVxY.jpg

Olá, perdão parceiro...
Troque o código de seu widget por este:

Código:

        <script type="text/javascript">
    myStaff = ['/u1';
      staff_cache_time = 4*60*1000; // mm*ss*ms;
      </script>   
<div id="theStaff">
         
</div>
         
<div id="theContent" style="display:none">
         
</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 equipa 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 mp = this.pathname; var user = mp.substring(1); var usert = "/privmsg?mode=post&u=";var mpuser = usert + user;
    jQuery(this).after('<br><span class="monPro"> <a href='+mpuser+'><img src="http://i18.servimg.com/u/f18/16/89/96/68/pm13.png"></a></span>');
    });
    });
      </script><style type="text/css">.monAva img {
  height: 40px;
  width: 40px;
  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 {
  display:inline-block;
  vertical-align:top;
  margin-top:.75em;
}
        .monPro {position: relative;margin-left:230px;top:-30px;}
    </style>

O que acha?
Atenciosamente,
While.

Não resultou.

Desculpe, erro meu, haha

Troque por este:

Código:

    <script type="text/javascript">
    myStaff = ['/u1'];
      staff_cache_time = 4*60*1000; // mm*ss*ms;
      </script>   
<div id="theStaff">
          
</div>
         
<div id="theContent" style="display:none">
          
</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 equipa 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 mp = this.pathname; var user = mp.substring(1); var usert = "/privmsg?mode=post&u=";var mpuser = usert + user;
    jQuery(this).after('<br><span class="monPro"> <a href='+mpuser+'><img src="http://i18.servimg.com/u/f18/16/89/96/68/pm13.png"></a></span>');
    });
    });
      </script><style type="text/css">.monAva img {
  height: 40px;
  width: 40px;
  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 {
  display:inline-block;
  vertical-align:top;
  margin-top:.75em;
}
        .monPro {position: relative;margin-left:230px;top:-30px;}
    </style>

Agora resultará... perdão pela demora e má compreensão.
Atenciosamente,
While.

Resolvido pode fechar obrigado.