membro do mês

Detalhes da questão

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

Descrição

Estou tentando deixar meu fórum legal, e achei este widget do membro do mês que achei muito bom.
Fórum: http://www.bpfsamp.com/forum
Widget: http://prntscr.com/hms295

agradeço desde já!

Saudações!

Aceda à: CPainel > Módulos >> HTML & JAVASCRIPT >>> Gestão dos códigos JavaScript
Habilite o gerenciamento de códigos JS e logo após crie um novo com o investimento no índice.
Código JavaScript:

Código:

$(document).ready(function() {
  function makeArray() {
      for (i = 0; i<makeArray.arguments.length; i++)
      this[i + 1] = makeArray.arguments[i];
  }
  var months = new makeArray('Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro');
  var date = new Date();
  var month = date.getMonth() + 1;
  var yy = date.getYear();
  var year = (yy < 1000) ? yy + 1900 : yy;
  var link = $('.module table[summary="Os membros mais ativos do mês"] td:eq(0) a').attr('href');
  $.get(link, function(d) {
  var nome = jQuery('#profile-advanced-right .module .main-head .h3:eq(0) strong', d).text(),
      avatar = jQuery('#profile-advanced-right .main-content.clearfix.center:eq(0) img', d).attr('src'),
      register = jQuery('#field_id-4 dd', d).text(),
      posts = jQuery('#field_id-6 dd', d).text(),
      pontos = jQuery('#field_id-13 dd', d).text(),
      rep_m = jQuery('#field_id-14 dd', d).text(),
      id = link.match(/\d+/g),
      verify = jQuery('#profile-advanced-right .module .main-head .h3:eq(0) em', d).text();
      if(verify == '(conectado)') {
          var status = 'online';
      } else {
          var status = 'offline';
      }
      var p = $('.pun-crumbs')[0];
      $(p).after(
      '<div class="main destaque" style="display: none;">' +
      '  <div class="main-head">' +
      '  <div class="page-title" style="padding: 3px 6px 3px;">' +
      '    <h2><img src="http://i.imgur.com/fHukYSL.png" /> Membro do Mês</h2>' +
      '  </div>' +
      '  </div>' +
      '  <div class="main-content">' +
      '  <table>' +
      '  <tbody class="statused">' +
      '    <tr>' +
      '    <td width="105px" align="center" style="background-color: aliceBlue;padding: 3px;">' +
      '    `  <img src="'+avatar+'" class="avatar_d" alt="'+avatar+'" />' +
      '      <br /><br />' +
      '      <span class="bs_badge" style="background: green;margin-bottom: 3px;margin-top: 3px;">' +
      '        <a href="/privmsg?mode=post&u='+id+'">Envie um pm</a>' +
      '      </span>' +
      '      <br />' +
      '      <span class="bs_badge" style="background: green;">' +
      '          <a href="/spa/'+nome+'">Posts</a>' +
      '      </span>' +
      '    </td>' +
      '    <td>' +
      '      <div style="position: relative;left: -5px;padding: 5px 0px 5px 15px;">' +
      '      <div style="border-bottom: 1px solid lightgrey;padding-bottom: 3px;">' +
      '      <h4>' +
      '        <span style="font-size: 1.3em;">'+nome+'</span>' +
      '        <span style="float: right;color: grey;font-size: 10px;position: relative;" class="m_o_m"></span>' +
      '      </h4>' +
      '      </div>' +
      '      <span>' +
      '        <p class="message_motm" style="padding-top: 3px;"></p>' +
      '        <div style="padding: 5px;float: right;">' +
      '        <span class="bs_badge reset_cursor" id="m_post"></span>' +
      '        <span class="bs_badge reset_cursor" id="m_rep"></span>' +
      '        <span class="bs_badge bs_badge_lightgrey reset_cursor perf">' +
      '        <a href="'+link+'">ir para o perfil</a>' +
      '        </span>' +
      '        </div>' +
      '      </span>' +
      '      </div>' +
      '    </td>' +
      '    </tr>' +
      '  </tbody>' +
      '  </table>' +
      ' </div>' +
      '</div>'
      );
      if(link) {
          $('.destaque').show();
      }
$('p.message_motm').html('Parabéns '+nome+' nosso novo membro do mês - <strong>'+months[month]+' - '+year+'</strong>. Foi registrado nesse fórum em '+register+'. Ele postou um total de '+posts+' posts. Ele tem o total de '+pontos+' pontos. Ele recebeu '+rep_m+' pontos de reputação. Agora ele está '+status+'.');
$('.m_o_m').html('Membro do Mês:  <span class="bs_badge" style="background:green;">'+months[month]+' - '+year+'</span>');
$('#m_post').html(''+posts+' posts');
$('#m_rep').html(''+rep_m+' Pontos de Reputação');
});
});

Agora em: CPainel > Visualização >> Imagens e Cores >>> Cores > Folha de estilo CSS
Adicione o seguinte código:

Código:

/*Destaque do mês*/
.destaque img.avatar_d {
width: 50px;
height: 50px;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
.destaque h4 {font-weight: normal;}
    .bs_badge {
    background: #7ba60d;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
    margin-right: 8px;
    }
    .bs_badge_lightgrey {
    background: #b3b3b3;
    }
.bs_badge, .bs_badge a {color: #fff !important;}
.reset_cursor {
cursor: default;
}
.destaque .main-content table {
background: #F6F8FA;
border: 1px solid #DCE2EC;
width: 100%;
}

OBS: Só irá funcionar se tiver o "os membros mais ativos do mês" ativado nos widgets do fórum(no índice).
Para mais informações, consulte: https://ajuda.forumeiros.com/t15885-faq-gerenciar-os-widgets-do-forum

O sistema de reputação deve estar ativo e configurado para aparecer junto ao membro do mês, queira checar: https://ajuda.forumeiros.com/t13951-faq-gestao-do-sistema-de-reputacao-botao-obrigado

Att!

Fiz tudo corretamente, mas estou perdido de como deixar o widget no indice, não deveria ter um widget ou eu deveria criar um?

Coloquei o WIDGET e ficou dessa forma: http://prntscr.com/hmsav0

Para configurar o widget voce têm que ter algum comentário neste mês com as seguintes "configurações"



O widget "Os membros mais ativos do mês" é obrigatório

Já foi feito, esse widget de membro do mês, tem que criar ou tem nos prés-definidos?
http://prntscr.com/hmypsi

Jhool escreveu:Já foi feito, esse widget de membro do mês, tem que criar ou tem nos prés-definidos?
http://prntscr.com/hmypsi

Já é pré definido

Se já é pre definido a onde está o widget do membro do mês que você comentou? preciso de instruções.

Olá novamente,

O senhor seguiu conforme eu lhe indiquei?

OBS: Por favor, evite double-post! Apaguei uma de suas mensagens e adicionei o conteúdo na anterior, pois UP's são permitidos após 24h sem respostas!

Att!

Sim, fiz TUDO como está ai. Só que não aparece o membro do mês, só fica a tabela do mais postador ou algo do gênero.
http://prntscr.com/hn3gdm

desculpa pelo double post, falha minha

O senhor teria uma conta de testes com acesso ao Painel de Controle que eu possa usar para averiguar melhor ?
Configure desta maneira:

Depois, acrescente este código em sua CSS:

Código:

div#left {
display: none !important;
}

Att!

Estarei de passando por MP.

Pronto! Já está funcionando perfeitamente!
O problema era que, o widget de membro do mês também estava adicionado no portal, o que não podia.

Att!

Entendo, mas no caso para mim não está aparecendo, fica uma caixa ali mas não aparece nada(circulei em vermelho)

Pode ser a minha conexão? http://prntscr.com/hn5620

Pode ser sim. O senhor já tentou por outro navegador? Limpou os cookies do seu navegador atual?

Veja que aqui utilizo o Google Chrome e está aparecendo normalmente:

Att!

Pelo que eu entendi do SCRIPT, ele é algo predefinido, ele vai escolher o membro que mais foi ativo no fórum com as postagens, correto?

Eu gostaria de saber se tem alguma forma de alterar, um exemplo, o XX_WarninG foi o membro destaque, mas não foi tão ativo no fórum, mas nas suas obrigações fora dele ele foi exelente, no caso esta aparecendo o membro do mês de Dezembro, eu gostaria de deixar sempre um mês atrás, como esse mês ainda não acabou, não tem como ele ser o membro do mês ainda. Então lá estaria XX_WarninG foi o membro do mês destaque de novembro, no caso mês passado. É possivel?

Ah neste caso seria mais fácil fazer esse widget manualmente e o senhor mesmo editar. O fato do mês não ter acabado ainda não influência em nada, pois ele decretou que o membro x está sendo o mais ativo, portanto isso pode mudar para o membro y até o final do mês, caso ultrapasse a atividade do membro do mês atual. Sobre a sua última pergunta, como o senhor quer que o código diga quem foi o membro do mês passado, se o código entende que estamos em dezembro e ele precisa determinar deste mês? O código determina um para cada mês de acordo com a atividade, não pelas atitudes à parte.

Att!

resultou, mais uma vez OBRIGADO!

DESCULPA se estendi demais esse tópico, de coração.