Widget de Top Poster do Dia

Qual é minha questão:
Olá gostaria do widget deste fórum: http://bestskins.forumeiros.com/ o widget de Top Poster do Dia

Endereço do meu fórum:
http://zonegames.forumn.org

Versão do fórum:
PUNBB

Saudações!

O mesmo é como o "Top dos mais postadores" à unica coisa que se muda é o jeito que é por edições via Template.
Infelizmente não há maneira de lhe dar pois o template e único daquele fórum.

Até mais

Saudações!

Adicione este código em um widget

Código:

<div class="module main"><div class="main-head"><div class="h3">Top posters do dia</div></div><div class="main-content clearfix"><div class="widget_content blockbody floatcontainer">
  <style>
#top-poster img {
height: 31px;
width: 31px;
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);
margin-top: 2px;
}
#top-poster img:hover {border-color:#7d7d7d}
#top-poster td.tc5 {
margin-top: -10px;
display: block;
padding: 2px;
padding-top: 0px;
padding-left: 40px;
border-bottom: 1px solid #F3F3F3;
}
</style><div id="top-poster"></div>
  <script>jQuery("#top-poster").load("/memberlist?mode=today_posters td.tc5:lt(5), td.avatar-mini a:lt(5)");</script>
</div></div></div><div style="height:4px"></div><div class="module main"><div class="main-head"><div class="h3">Destaque da semana</div></div><div class="main-content clearfix"><script>
jQuery(document).ready(function(){jQuery.get(jQuery('.module table[summary="Os membros mais ativos da semana"] td[width="30%"] a:eq(0)').attr('href'),function(b){jQuery('#id').html(jQuery('#profile-advanced-right .main-head .h3:eq(0)',b).html());
jQuery('#avat').html(jQuery('#profile-advanced-right .main-content.clearfix.center:eq(0)',b).html());
jQuery('#post-membro').html(jQuery('#field_id-6',b).html()
);
jQuery('#reg-membro').html(jQuery('#field_id-4',b).html());
jQuery('#reput').html(jQuery('#field_id-14',b).html())})});
</script>
<center>
      <br>
              <div id="id"></div>
                    <div id="avat"><center>Carregando avatar...</center></div>
              <div id="reput"></div>
              <br><br>
              <span>Posts:</span> <div id="post-membro"></div> <br>
              <span>Membro desde:</span> <div id="reg-membro"></div><br>
<br><div style="text-align: left;">Mensagem para o membro:</div><div class="msg-membro">É uma honra ter você conosco, e você é a prova de que todo o esforço tem resultado. Parabéns pelo seu trabalho.</div>
</center>
<style>
.msg-membro {
text-align: left;
background: #fff;
border: 1px solid #e0e0e0;
padding: 9px;
}
#avat img {
max-width: 150px !important;
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);
}
#reput {
margin: 5px auto;
min-width: 80px;
color: #fff;
background: #649b16;
font-weight: bold;
padding: 3px 8px;
display: inline-block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#id em {display: none;}
#post-membro, #reg-membro {display: inline-block;}
#reput dt, #post-membro dt, #reg-membro dt {display: none;}
</style></div></div><div style="height:4px"></div><div class="module main"><div class="main-head"><div class="h3">Parceiros</div></div><div class="main-content clearfix"><table width="100%" cellspacing="1" cellpadding="7" border="0" align="center"><tr><td height="1" width="20%" class="column"></td><td width="60%"></td><td width="20%" class="column"></td></tr><tr><td colspan="3" width="100%"><script>jQuery(document).ready(function(){jQuery('#abrir-parc').click(function(){jQuery('#parceiros').slideToggle();});});</script>

Até

Pablow n funcionou >(

Saudações!

O mesmo é como o "Top dos mais postadores" à unica coisa que se muda é o jeito que é por edições via Template.
Infelizmente não há maneira de lhe dar pois o template e único daquele fórum.

Até mais

Mais ele falou que tinha que ter um Widget também para configurar entende ?

Saudações!

Adicione o código em que passei anteriormente num widget, e depois adicione o código abaixo em sua "Folha de estilo CSS"

Código:

#top-poster img {
height: 31px;
width: 31px;
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);
margin-top: 2px;
}
#top-poster img:hover {border-color:#7d7d7d}
#top-poster td.tc5 {
margin-top: -10px;
display: block;
padding: 2px;
padding-top: 0px;
padding-left: 40px;
border-bottom: 1px solid #F3F3F3;
}
.msg-membro {
text-align: left;
background: #fff;
border: 1px solid #e0e0e0;
padding: 9px;
}
#avat img {
max-width: 150px !important;
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);
}
#reput {
margin: 5px auto;
min-width: 80px;
color: #fff;
background: #649b16;
font-weight: bold;
padding: 3px 8px;
display: inline-block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#id em {display: none;}
#post-membro, #reg-membro {display: inline-block;}
#reput dt, #post-membro dt, #reg-membro dt {display: none;}

Até

Tbm não Pablow

WebGames escreveu:Mais ele falou que tinha que ter um Widget também para configurar entende ?

Saudações!

Mas não é apenas um Widget para configurar. Como eu disse necessita de edições via Template amigo para fazer este ato em teu fórum, e Templates modificados daquela maneira não é possível encontrar, já que no FdF não fazemos Templates.

Até mais!

A ok Mikée obrigado pode fechar!