Suporte Design
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

Suporte DesignEntrar

O Suporte Design dispõe de várias áreas de interesse do usuário, para que o mesmo possa desfrutar do nosso trabalho. Somos também, especialistas naquilo que fazemos, para auxiliar ao utilizador exatamente o que precisa.


descriptionWidget de Staff online EmptyWidget de Staff online

more_horiz
Widget de Staff online 5gDmL8y
Nome do Arquivo: Widget de Staff online
Autor: Fórum dos Fóruns
Funcionalidade: Todas as versões

Painel de controle >> Visualização >> Imagens e Cores >> Folha de Estilo CSS

Código:

/******STAFF ONLINE**********/
.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;
}
/*******FIM STAFF ONLINE********/


Painel de controle >> Módulos >> Portal & Widgets >> Gestão dos Widgets do fórum >> Criar um widget personalizado

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('No staff 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;
          }
        });
      });
    });
  }
  </script>


Para que os membros sejam adicionados no Widget criado em seu fórum, precisaremos fazer algumas edições básicas no código.

Código:

myStaff = ['/u1'];


Neste caso, o "/u1" é o usuário número 1 cadastrado em teu fórum, ou melhor dizendo, o fundador. Cada usuário tem um número em seu fórum, por ordem de registro. Para que possa pegar o número referente a cada membro em seu fórum, basta clicar sobre um membro em seu fórum e na URL em seu navegador irá aparecer algo como: "meuforum.forumeiros.com/u1".

Para adicionarmos novos membros no Widget é bem simples. No código, já pronto, basta adicionar uma virgula e logo depois da virgula o mesmo código, só que, com o numero do usuário diferente, exemplo abaixo

Código:

myStaff = ['/u1', '/u53077'];


Notou que depois do '/u1' adicionamos uma virgula e logo depois o numero de outro usuário? Só não esqueça que tem que ser dentro dos colchetes e com as aspas.
privacy_tip Permissões neste sub-fórum
Não podes responder a tópicos
power_settings_newInicie sessão para responder