Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Widget Membro da Semana

3 participantes

Lucas_Simoes Lucas_Simoes  • Ter 22 Jul 2014 - 12:44

Widget Membro da Semana Empty Widget Membro da Semana Ter 22 Jul 2014 - 12:44

Minha questão:
Bom, eu queria um Widget para o portal no qual mostrasse o membro da semana, como o mais postador e mais ativo.


Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

GyGu GyGu  • Ter 22 Jul 2014 - 12:51

Widget Membro da Semana Empty Re: Widget Membro da Semana Ter 22 Jul 2014 - 12:51

Reputação da mensagem: 100% (1 votos)
Aplique o seguinte código a baixo em um Widget, para que o código funcione perfeitamente deve ativar Widget os membros mais ativos do mês

Código:
    <script>
    jQuery(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 member_month = sessionStorage.getItem('member_month');
        if(member_month) {
          jQuery('#member_month').html(member_month);
        } else {
      var link = jQuery('.module table[summary="Os membros mais ativos do mês"] td:eq(0) a').attr('href');
    jQuery.get(link, function(b){
      var usernametxt = jQuery('#profile-advanced-right .module .main-head .h3:eq(0) strong', b).text();
      var avatar = jQuery('#profile-advanced-right .main-content.clearfix.center:eq(0) img',b).attr('src');
      var rep = jQuery('#field_id-14 div',b).html();
      var posts = jQuery('#field_id-6 div',b).html();
      var register = jQuery('#field_id-4 div',b).html();
      var birth = jQuery('#field_id-12 div',b).html();
      var id = link.match(/\d+/g);
      jQuery('.box_container').html('<table><tr><td class="av"><img src="'+avatar+'" alt="'+avatar+'" /></td><td style="width:100%"><div class="inner_container"><h4>'+usernametxt+'</h4><span class="mi"><a href="/privmsg?mode=post&u='+id+'"><img src="http://imgur.com/Czex6X4.png" alt="Enviar PM" /></a></span><span class="mi"><a href="/spa/'+usernametxt+'"><img src="http://imgur.com/72Ep0wz.png" alt="Procurar posts" /></a></span><hr><span class="txt">Membro do mês</span><span class="m">'+months[month]+' '+year+'</span></div></td></tr></table>');
      jQuery('.member_month').html('Parabéns a '+usernametxt+' nosso novo membro do mês de '+months[month]+' '+year+'. Registrado pela primeira vez neste fórum '+register+'. Ele comemora aniversário em '+birth+'. Tem o total de '+posts+' posts. Ele recebeu '+rep+' pontos de reputação. Parabéns ao membro do mês.<div class="profile" align="right"><span class="m m_lightgrey"><a href="'+link+'">Ir para o perfil</a></span></div>');
    sessionStorage.setItem('member_month', jQuery('#member_month').html());
    });
    }
    });
    </script>
    <div id="member_month">
     
      <div class="box_container">
       
      </div>
     
      <div class="member_month">
       
      </div>
    </div><style>
    .box_container, .member_month {
    background: white;
    border: 1px solid #CECED1;
    }
    .member_month {
    margin-top: 5px;
    padding: 5px 8px 10px 8px;
    font-size: 10px;
    color: #1E7145;
    }
    .box_container td.av {
    background-color: rgb(240, 248, 255);
    padding: 3px;
    width: 80px;
    }
    .box_container td.av img {
    height: 50px;
    width: 50px;
    padding: 1px;
    border: 1px solid #D5D5D5;
    background: white;
    -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);
    }
    .box_container .inner_container {
    width: 100%;
    position: relative;
    left: -5px;
    padding: 5px 5px 5px 10px;
    }
    .box_container .inner_container hr {
    border: 1px solid #ddd;
    margin: 2px 5px 2px 0;
    }
    .box_container .inner_container .txt {
    display: block;
    color:grey;
    font-size:10px;
    position:relative;
    }
    #member_month .m {
    background: green;
    cursor: default;
    height: 17px;
    line-height: 17px;
    padding: 2px 5px;
    font-size: 9px;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    vertical-align: middle;
    }
    #member_month .m, #member_month a {
    color: white;
    }
    .m_lightgrey {
        background: #b3b3b3;
    }
    .box_container .inner_container .mi {
    padding: 3px 5px 3px 5px;
    }
    .box_container .inner_container h4 {
    display: inline-block;
    }
    .member_month .profile {
    padding: 5px;
    }
    </style>

Lucas_Simoes Lucas_Simoes  • Ter 22 Jul 2014 - 12:55

Widget Membro da Semana Empty Re: Widget Membro da Semana Ter 22 Jul 2014 - 12:55

Funcionou meu amigo, muito obrigado.

DeeW. DeeW.  • Ter 22 Jul 2014 - 18:12

Widget Membro da Semana Empty Re: Widget Membro da Semana Ter 22 Jul 2014 - 18:12

[sucesso=Tópico Resolvido; e Bloqueado]Saiba que pesquisa não morde e nem nada ;-;[/sucesso]Movido para: Arquivo - Pedido de código

Conteúdo patrocinado  • 

Widget Membro da Semana Empty Re: Widget Membro da Semana

Permissões neste sub-fórum
Não podes responder a tópicos