Código desse widget

por Uatyla 03/06/14, 09:57 pm

Descrição:

Olá senhores!

Como eu deixo o widget "Top dos mais postadores" igual ao desse site? Ficou bem bolado.
http://upforum.forumeiros.com/

Informações:

Fórum:	http://vidadeaquarista.forumeiros.com/	Versão:	PHPBB3
Tipo:	Pedido de código	Tags:	Código,desse,widget

por Lima 3005 03/06/14, 10:02 pm

mande mensagem ao admin do fórum! ele não deixa que este código seja divulgado: ""

por Uatyla 03/06/14, 10:17 pm

Vou pedir um código, parece que o Jufasa que é o fundador do fórum.

por Shek 04/06/14, 12:58 am

Olá!

Você ainda precisa de ajuda?

Até mais!

por Uatyla 04/06/14, 01:01 am

Sim, eu gostaria de um widget ao menos parecido, enviei um MP ao autor aqui no fórum, mais si tivesse um código parecido já me ajudaria muito.

por Sennior 06/06/14, 08:05 pm

Saudações amigo,

Aqui está o código, mas o mesmo não é automático para a seleção dos top dos mais postadores, ou seja, o senhor mesmo terá que colocar os mais postadores do fórum de acordo com o Widget original do Top dos mais postadores.
Vamos lá:
Painel de Controle Módulos Portal & Widgets Gestão dos widgets do fórum
Crie um novo Widget e nos campos:
Seta

Nome do widget : Top dos Mais postadores.
Seta

Utilizar um table type : Marque não.
Seta

Título do widget : Top dos Mais Postadores.

Código a ser usado:

Código::  <script type="text/javascript">jQuery(document).ready(function($){var backgroundpos = 0;var offset = 1;function scrollbackground() {offset = (offset < 1) ? offset + (backgroundpos - 1) : offset - 1;$('.originalrowrk table tbody tr td:first-child + td').css("background-position", + offset + "px 0");setTimeout(function() {scrollbackground();}, 100);}scrollbackground();});</script>  <style> .originalrowrk {position: relative;}.originalrowrk table {position: absolute;top: 16px;}.bloqrkshym {display: block;height: 25px;}.bloqrkshym .avs a.inx img {width: 25px;height: 25px;float: left;padding: 0;border: 0;border-radius: 0;}.bloqrkshym {position: relative;border-bottom: 1px dashed #D0D7F5;padding: 2px 0;border-top: 1px dashed #FFF;margin-left: -6px;}.nikrkshym {float: left;margin-left: 7px;}.originalrowrk {width: 235px;margin-left: 55px;}.originalrowrk table tbody> tr> td:first-child {display: none;}.originalrowrk table tbody> tr> tdfirst-child +td: img {display: none;}.originalrowrk table {background: #E6EAEE;border-radius: 4px;}.bloqrkshym .avs a.inx {margin: 0;}.originalrowrk {width: 155px!important;}.originalrowrk table tbody> tr> td img {display:none;}.originalrowrk table tbody> tr> td+ td+ td {display: none;}.originalrowrk table tbody tr td:first-child + td {height: 8px; background-color: #A8A8A8; background-repeat: repeat-x; background-position: 0 0; background-size: 16px 8px; background-image: -webkit-linear-gradient(315deg,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0) 33%,rgba(0, 0, 0, 0.12) 33%,rgba(0, 0, 0, 0.12) 66%,rgba(0, 0, 0, 0) 66%,rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(315deg,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0) 33%,rgba(0, 0, 0, 0.12) 33%,rgba(0, 0, 0, 0.12) 66%,rgba(0, 0, 0, 0) 66%,rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(315deg,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0) 33%,rgba(0, 0, 0, 0.12) 33%,rgba(0, 0, 0, 0.12) 66%,rgba(0, 0, 0, 0) 66%,rgba(0, 0, 0, 0)); background-image: linear-gradient(315deg,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0) 33%,rgba(0, 0, 0, 0.12) 33%,rgba(0, 0, 0, 0.12) 66%,rgba(0, 0, 0, 0) 66%,rgba(0, 0, 0, 0)); -webkit-animation: pb 0.8s linear 0 infinite;border-radius: 4px;display:block;}.bloqrkshym:nth-child(1) .originalrowrk table tbody tr td:first-child + td {background-color: #F00;}.bloqrkshym:nth-child(2) .originalrowrk table tbody tr td:first-child + td {background-color: #80b700;}.bloqrkshym:nth-child(3) .originalrowrk table tbody tr td:first-child + td {background-color: #009fff;}.bloqrkshym:nth-child(4) .originalrowrk table tbody tr td:first-child + td {background-color: #FFA300;}.bloqrkshym:nth-child(5) .originalrowrk table tbody tr td:first-child + td {background-color: #E7E707;}.bloqrkshym:nth-child(6) .originalrowrk table tbody tr td:first-child + td {/*background-color: #FF00A3;*/}.bloqrkshym:nth-child(7) .originalrowrk table tbody tr td:first-child + td {/*background-color: #00C26D;*/}.bloqrkshym:nth-child(8) .originalrowrk table tbody tr td:first-child + td {/*background-color: #B6B600;*/}.bloqrkshym:nth-child(9) .originalrowrk table tbody tr td:first-child + td {/*background-color: #E96600;*/}.rankin-semanal-hym .bloqrkshym:before {content: "00";float: left;font: bold 20px arial;color: #89AFC4;text-shadow: 0px 1px 0px #FFF;margin-left: -4px;margin-right: 4px;margin-top: 1px;}.rankin-semanal-hym .bloqrkshym:nth-child(1):before {content: "01";}.rankin-semanal-hym .bloqrkshym:nth-child(2):before {content: "02";}.rankin-semanal-hym .bloqrkshym:nth-child(3):before {content: "03";}.rankin-semanal-hym .bloqrkshym:nth-child(4):before {content: "04";}.rankin-semanal-hym .bloqrkshym:nth-child(5):before {content: "05";}.rankin-semanal-hym .bloqrkshym:nth-child(6):before {content: "06";}.rankin-semanal-hym .bloqrkshym:nth-child(7):before {content: "07";}.rankin-semanal-hym .bloqrkshym:nth-child(8):before {content: "08";}.rankin-semanal-hym .bloqrkshym:nth-child(9):before {content: "09";}.rankin-semanal-hym .bloqrkshym:nth-child(10):before {content: "10";} </style>  <div class="module main"> <div class="main-headtoppost"> <div class="h3"> Top dos mais postadores </div> </div> <div class="main-content">  <div class="rankin-semanal-hym"> <div class="rankin-semanal-hym">  <div class="bloqrkshym">  <div class="nikrkshym"> <a title="Sennior" href="/u1"><span style="color:#666666"><strong>Nome do 1° Postador</strong></span></a> </div>  <div style="white-space: nowrap;" class="originalrowrk"> <table style="table-layout: fixed; width: 100%;" cellpadding="0" cellspacing="0" border="0" title="0 Mensagens - 0%"> <tbody> <tr> <td style="width: 4px;"> <img style="width: 4px; height: 12px;" alt="" src="http://hitskin.com/themes/18/09/33/i_vote_lcap.gif" /> </td> <td style="overflow: hidden; width: 100%;"> <img style="width: 100%; height: 12px;" alt="" src="http://hitskin.com/themes/18/09/33/i_voting_bar.gif" /> </td> <td style="width: 4px;"> <img style="width: 4px; height: 12px;" alt="" src="http://hitskin.com/themes/18/09/33/i_vote_rcap.gif" /> </td> <td> </td> </tr> </tbody> </table> </div> </div>  <div class="bloqrkshym">  <div class="nikrkshym"> <a title="SENNIOR" href="/u1"><span style="color:#FF5C00"><strong>Nome do 2° Postador</strong></span></a> </div>  <div style="white-space: nowrap;" class="originalrowrk"> <table style="table-layout: fixed; width: 100%;" cellpadding="0" cellspacing="0" border="0" title="0 Mensagens - 0%"> <tbody> <tr> <td style="width: 4px;"> <img style="width: 4px; height: 12px;" alt="" src="http://hitskin.com/themes/18/09/33/i_vote_lcap.gif" /> </td> <td style="overflow: hidden; width: 86%;"> <img style="width: 100%; height: 12px;" alt="" src="http://hitskin.com/themes/18/09/33/i_voting_bar.gif" /> </td> <td style="width: 4px;"> <img style="width: 4px; height: 12px;" alt="" src="http://hitskin.com/themes/18/09/33/i_vote_rcap.gif" /> </td> <td> </td> </tr> </tbody> </table> </div> </div>  <div class="bloqrkshym">  <div class="nikrkshym"> <a title="Sennior" href="/u1"><span style="color:#666666"><strong>Nome do 3° Postador</strong></span></a> </div>  <div style="white-space: nowrap;" class="originalrowrk"> <table style="table-layout: fixed; width: 100%;" cellpadding="0" cellspacing="0" border="0" title="0 Mensagens - 0%"> <tbody> <tr> <td style="width: 4px;"> <img style="width: 4px; height: 12px;" alt="" src="http://hitskin.com/themes/18/09/33/i_vote_lcap.gif" /> </td> <td style="overflow: hidden; width: 53%;"> <img style="width: 100%; height: 12px;" alt="" src="http://hitskin.com/themes/18/09/33/i_voting_bar.gif" /> </td> <td style="width: 4px;"> <img style="width: 4px; height: 12px;" alt="" src="http://hitskin.com/themes/18/09/33/i_vote_rcap.gif" /> </td> <td> </td> </tr> </tbody> </table> </div> </div>  <div class="bloqrkshym">  <div class="nikrkshym"> <a title="Sennior" href="/u1"><span style="color:#666666"><strong>Nome do 4° Postador</strong></span></a> </div>  <div style="white-space: nowrap;" class="originalrowrk"> <table style="table-layout: fixed; width: 100%;" cellpadding="0" cellspacing="0" border="0" title="0 Mensagens - 0%"> <tbody> <tr> <td style="width: 4px;"> <img style="width: 4px; height: 12px;" alt="" src="http://hitskin.com/themes/18/09/33/i_vote_lcap.gif" /> </td> <td style="overflow: hidden; width: 42%;"> <img style="width: 100%; height: 12px;" alt="" src="http://hitskin.com/themes/18/09/33/i_voting_bar.gif" /> </td> <td style="width: 4px;"> <img style="width: 4px; height: 12px;" alt="" src="http://hitskin.com/themes/18/09/33/i_vote_rcap.gif" /> </td> <td> </td> </tr> </tbody> </table> </div> </div>  <div class="bloqrkshym">  <div class="nikrkshym"> <a title="sennior" href="/u1"><span style="color:#FF5C00"><strong>Nome do 5° Postador</strong></span></a> </div>  <div style="white-space: nowrap;" class="originalrowrk"> <table style="table-layout: fixed; width: 100%;" cellpadding="0" cellspacing="0" border="0" title="0 Mensagens - 0%"> <tbody> <tr> <td style="width: 4px;"> <img style="width: 4px; height: 12px;" alt="" src="http://hitskin.com/themes/18/09/33/i_vote_lcap.gif" /> </td> <td style="overflow: hidden; width: 41%;"> <img style="width: 100%; height: 12px;" alt="" src="http://hitskin.com/themes/18/09/33/i_voting_bar.gif" /> </td> <td style="width: 4px;"> <img style="width: 4px; height: 12px;" alt="" src="http://hitskin.com/themes/18/09/33/i_vote_rcap.gif" /> </td> <td> </td> </tr> </tbody> </table> </div> </div>  <div class="bloqrkshym">  <div class="nikrkshym"> <a title="DeeW." href="/u1"><span style="color:#666666"><strong>Nome do 6° Postador</strong></span></a> </div>  <div style="white-space: nowrap;" class="originalrowrk"> <table style="table-layout: fixed; width: 100%;" cellpadding="0" cellspacing="0" border="0" title="0 Mensagens - 0%"> <tbody> <tr> <td style="width: 4px;"> <img style="width: 4px; height: 12px;" alt="" src="http://hitskin.com/themes/18/09/33/i_vote_lcap.gif" /> </td> <td style="overflow: hidden; width: 35%;"> <img style="width: 100%; height: 12px;" alt="" src="http://hitskin.com/themes/18/09/33/i_voting_bar.gif" /> </td> <td style="width: 4px;"> <img style="width: 4px; height: 12px;" alt="" src="http://hitskin.com/themes/18/09/33/i_vote_rcap.gif" /> </td> <td> </td> </tr> </tbody> </table> </div> </div>  <div class="bloqrkshym">  <div class="nikrkshym"> <a title="Sennior" href="/u1"><span style="color:#666666"><strong>Nome do 7° Postador</strong></span></a> </div>  <div style="white-space: nowrap;" class="originalrowrk"> <table style="table-layout: fixed; width: 100%;" cellpadding="0" cellspacing="0" border="0" title="0 Mensagens - 0%"> <tbody> <tr> <td style="width: 4px;"> <img style="width: 4px; height: 12px;" alt="" src="http://hitskin.com/themes/18/09/33/i_vote_lcap.gif" /> </td> <td style="overflow: hidden; width: 11%;"> <img style="width: 100%; height: 12px;" alt="" src="http://hitskin.com/themes/18/09/33/i_voting_bar.gif" /> </td> <td style="width: 4px;"> <img style="width: 4px; height: 12px;" alt="" src="http://hitskin.com/themes/18/09/33/i_vote_rcap.gif" /> </td> <td> </td> </tr> </tbody> </table> </div> </div>  <div class="bloqrkshym">  <div class="nikrkshym"> <a title="Sennior" href="/u1"><span style="color:#666666"><strong>Nome do 8° Postador</strong></span></a> </div>  <div style="white-space: nowrap;" class="originalrowrk"> <table style="table-layout: fixed; width: 100%;" cellpadding="0" cellspacing="0" border="0" title="0 Mensagens - 0%"> <tbody> <tr> <td style="width: 4px;"> <img style="width: 4px; height: 12px;" alt="" src="http://hitskin.com/themes/18/09/33/i_vote_lcap.gif" /> </td> <td style="overflow: hidden; width: 11%;"> <img style="width: 100%; height: 12px;" alt="" src="http://hitskin.com/themes/18/09/33/i_voting_bar.gif" /> </td> <td style="width: 4px;"> <img style="width: 4px; height: 12px;" alt="" src="http://hitskin.com/themes/18/09/33/i_vote_rcap.gif" /> </td> <td> </td> </tr> </tbody> </table> </div> </div>  <div class="bloqrkshym">  <div class="nikrkshym"> <a title="Sennior" href="/u32"><span style="color:#666666"><strong>Nome do 9° Postador</strong></span></a> </div>  <div style="white-space: nowrap;" class="originalrowrk"> <table style="table-layout: fixed; width: 100%;" cellpadding="0" cellspacing="0" border="0" title="0 Mensagens - 0%"> <tbody> <tr> <td style="width: 4px;"> <img style="width: 4px; height: 12px;" alt="" src="http://hitskin.com/themes/18/09/33/i_vote_lcap.gif" /> </td> <td style="overflow: hidden; width: 9%;"> <img style="width: 100%; height: 12px;" alt="" src="http://hitskin.com/themes/18/09/33/i_voting_bar.gif" /> </td> <td style="width: 4px;"> <img style="width: 4px; height: 12px;" alt="" src="http://hitskin.com/themes/18/09/33/i_vote_rcap.gif" /> </td> <td> </td> </tr> </tbody> </table> </div> </div>  ATENÇÃO ESTE CODIGO NÃO É PARA SER DIVULGADO! --> <div class="bloqrkshym">  ATENÇÃO ESTE CODIGO NÃO É PARA SER DIVULGADO! --> <div class="nikrkshym"> <a title="Sennior" href="/u0"><span style="color:#666666"><strong>Nome do 10° Postador</strong></span></a> </div>  ATENÇÃO ESTE CODIGO NÃO É PARA SER DIVULGADO! --> <div style="white-space: nowrap;" class="originalrowrk"> <table style="table-layout: fixed; width: 100%;" cellpadding="0" cellspacing="0" border="0" title="0 Mensagens - 0%"> <tbody> <tr> <td style="width: 4px;"> <img style="width: 4px; height: 12px;" alt="" src="http://hitskin.com/themes/18/09/33/i_vote_lcap.gif" /> </td> <td style="overflow: hidden; width: 9%;"> <img style="width: 100%; height: 12px;" alt="" src="http://hitskin.com/themes/18/09/33/i_voting_bar.gif" /> </td> <td style="width: 4px;"> <img style="width: 4px; height: 12px;" alt="" src="http://hitskin.com/themes/18/09/33/i_vote_rcap.gif" /> </td> <td> </td> </tr> </tbody> </table> </div> </div> </div><br class="clear" /> </div>  </div> </div> <style> div.main-headtoppost {-moz-box-shadow: 0 3px 9px 0 rgba(50,50,50,0.3)!important;-webkit-box-shadow: 0 3px 9px 0 rgba(50,50,50,0.3)!important;background: #222933;box-shadow: 0 3px 9px 0 rgba(50,50,50,0.3)!important;color: #FFF!important;font-size: 15px!important;font-weight: 300!important;margin: 7px 2px 5px -12px !important;overflow: hidden;padding: 16px;border-bottom: 3px solid #FF4700;text-align: center;}</style>  <div style="height:1px"> </div><style>div.main-headupforum {-moz-box-shadow: 0 3px 9px 0 rgba(50,50,50,0.3)!important;-webkit-box-shadow: 0 3px 9px 0 rgba(50,50,50,0.3)!important;background: #222933;box-shadow: 0 3px 9px 0 rgba(50,50,50,0.3)!important;color: #FFF!important;font-size: 15px!important;font-weight: 300!important;margin: 7px 2px 5px -12px !important;overflow: hidden;padding: 16px;border-bottom: 3px solid #1595DD;text-align: center;}</style>

Onde está escrito "Nome do 1° Postador" o senhor irá trocar de acordo com o Top dos postadores e assim sucessivamente.
Seta

Onde está "/u1" o senhor irá trocar para o ID do membro do seu fórum.

Qualquer dúvida nos contate novamente. Piscada

Até mais!

por Uatyla 06/06/14, 11:22 pm

ficou bugado, tem várias msg CÓDIGO TOP DOS MAIS POSTADORES - SENNIOR & FORUMEIROS CÓDIGO TOP DOS MAIS POSTADORES - SENNIOR & FORUMEIROS FIM DO CÓDIGO TOP DOS MAIS POSTADORES - SENNIOR & FORUMEIROS

por Uatyla 07/06/14, 03:50 am

Bom galera como tem que adicionar manualmente vou deixa isso "quieto".

por Sennior 07/06/14, 07:26 am

Olá amigo,

Está simples, onde esta o começo do código:

Código:: <a title="Sennior" href="/u1">

Basta alterar todos para o nome e o link do perfil do membro referente a posição no Top dos mais postadores.

Até mais.

Hitskin.com

Código desse widget

Código desse widget

Re: Código desse widget

Re: Código desse widget

Re: Código desse widget

Re: Código desse widget

Re: Código desse widget

Re: Código desse widget

Re: Código desse widget

Re: Código desse widget