Membro do Mês Widget

Minha questão:

Oque desejo: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Eu procurei aqui no fórum, mas não achei, achei o qual ficava em cima.
Desejo que fique no widget.
Obrigado desde já.

---

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

Versão:
PunBB

Olá Neversay,

Crie um Widget sem table type! Aqui tem o código usado na Bestskins!

Código:

<div class="module main"><div class="main-head"><div class="h3"><img src="http://i.imgur.com/mmwgqSC.png" style="vertical-align: middle;"> Membro do mês</div></div><div class="main-content clearfix"><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"><table><tbody><tr><td class="av"><img src="http://jonalisblog.com/wp-content/uploads/2014/03/zeddtmb-290x290.png" alt="http://jonalisblog.com/wp-content/uploads/2014/03/zeddtmb-290x290.png"></td><td style="width:100%"><div class="inner_container"><h4>dEll'</h4><span class="mi"><a href="/privmsg?mode=post&u=647"><img src="http://imgur.com/Czex6X4.png" alt="Enviar PM"></a></span><span class="mi"><a href="/spa/dEll'"><img src="http://imgur.com/72Ep0wz.png" alt="Procurar posts"></a></span><hr><span class="txt">Membro do mês</span><span class="m">Junho 2014</span></div></td></tr></tbody></table></div>
   
   <div class="member_month">Parabéns a NOME nosso novo membro do mês de Mês Ano. Registrado pela primeira vez neste fórum 00/00/0000. Ele comemora aniversário em 18/06/1999. Tem o total de 0 posts. Ele recebeu 0 pontos de reputação. Parabéns ao membro do mês.<div class="profile" align="right"><span class="m m_lightgrey"><a href="/u647">Ir para o perfil</a></span></div></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></div></div>

Se ajudei, repute!

Até.

desculpa entrar no post, mas esse código quando coloquei mostra o nome do Dell, tem como ser tipo Automático e colocar o membro mais reputado/postador?

Crie um novo script utilizando um table type e adicione o seguinte conteúdo:

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>

lembre-se também de manter o widget "os membros mais ativos do mês" ativo em seu fórum.


Até!

resolvido.
muito obrigado.
por isso amo a bs.

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]Movido para: Arquivo - Pedido de código