Boas-vindas ao Power Pixel

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

Alexandre51 Alexandre51  • Qua 13 Ago 2014 - 19:26

Estrutura de membros mais Ativos da Semana Empty Estrutura de membros mais Ativos da Semana Qua 13 Ago 2014 - 19:26

Minha questão:
Minha questão é a seguinte:

Os membros mais ativos da semana de meu fórum estão desta forma em um Widget:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Queria saber se tem como eu colocar desta forma porem nao como Widget e sim abaixo do meu chat box.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Obs: Não vi em nenhum fórum. Apenas tive a ideia


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

Versão:
PunBB

[K]oke [K]oke  • Qua 13 Ago 2014 - 22:23

Estrutura de membros mais Ativos da Semana Empty Re: Estrutura de membros mais Ativos da Semana Qua 13 Ago 2014 - 22:23

Tente:
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>

Alexandre51 Alexandre51  • Qui 14 Ago 2014 - 7:11

iConnect iConnect  • Qui 14 Ago 2014 - 21:35

Estrutura de membros mais Ativos da Semana Empty Re: Estrutura de membros mais Ativos da Semana Qui 14 Ago 2014 - 21:35

Olá,
Tente deixar ativado na mesma o widget "Membros activos da semana".

Até Mais....

Alexandre51 Alexandre51  • Sex 15 Ago 2014 - 1:14

Alexandre51 Alexandre51  • Seg 18 Ago 2014 - 23:35

Alexandre51 Alexandre51  • Qui 21 Ago 2014 - 20:05

Target Target  • Sex 22 Ago 2014 - 17:59

Estrutura de membros mais Ativos da Semana Empty Re: Estrutura de membros mais Ativos da Semana Sex 22 Ago 2014 - 17:59

Reputação da mensagem: 100% (1 votos)
Olá,


Talvez seja possível fazer isso com CSS, tentarei aqui e caso tenha resultados, irei lhe fornecer o código ! Wink


Até + amigo! Wink

Alexandre51 Alexandre51  • Sex 22 Ago 2014 - 19:13

iConnect iConnect  • Qua 3 Set 2014 - 14:54

Estrutura de membros mais Ativos da Semana Empty Re: Estrutura de membros mais Ativos da Semana Qua 3 Set 2014 - 14:54

Olá,
Já reparou neste tutorial?
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
É quase igual ao que você deseja.

Até Mais..

DeeW. DeeW.  • Qui 4 Set 2014 - 11:37

Estrutura de membros mais Ativos da Semana Empty Re: Estrutura de membros mais Ativos da Semana Qui 4 Set 2014 - 11:37

Você poderia deixar o widget activo, não?

Alexandre51 Alexandre51  • Qui 4 Set 2014 - 20:34

iConnect iConnect  • Sex 5 Set 2014 - 7:46

Estrutura de membros mais Ativos da Semana Empty Re: Estrutura de membros mais Ativos da Semana Sex 5 Set 2014 - 7:46

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

Conteúdo patrocinado  • 

Estrutura de membros mais Ativos da Semana Empty Re: Estrutura de membros mais Ativos da Semana

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