[dúvida] widget membro do mês

Qual é minha questão:
Olá pessoal,

Como vocês viram pelo título é um Dúvida do Membro do Mês. É porque ele não mostra o avatar, vocês sabem porque?

Até Mais.

Endereço do meu fórum:
http://pixel-life.forumbrasil.net

Versão do fórum:
PUNBB

Olá!

Leia: https://ajuda.forumeiros.com/t74658-

Até mais.

Tenho o mesmo problema que ele, pus o Widget mas não mostra a foto de perfil do Usuário.

<div><div style="margin:auto;text-align:center;width:100%"><table style="margin: auto; z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px;"><tbody><tr class="zebraDois"><td align="left"><br><img src="https://2img.net/i/bl/index_users.png" alt="" class="" style="display:inline"> </td><td align="left"><br><span style="font-size: 24px; line-height: normal"><font color="#86b125">Widget membro do mês</font></span></td></tr></tbody></table></div><br><br>Usando com base neste tutorial, agora podemos mostrar em forma de Widget o membro mais ativo do mês.<br><br><table style="z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px;"><tbody><tr class="zebraUm"><td align="left"><img src="http://forumeiros.com/i/img/act_bottom.png" alt="" class="" style="display:inline"></td><td align="left">Para que este efeito não possa haver problemas, deverá ativar o Widget "Os membros mais ativos do mês" em seu fórum.</td></tr></tbody></table><br><strong><div style="margin:auto;text-align:center;width:100%"><font color="green"><span style="font-size: 16px; line-height: normal">--> Tutoriais, dicas e astúcias <--</span></font><br><span style="font-size: 16px; line-height: normal"><font color="red"> Widget membro do mês </font></span></div></strong><br><br><strong><span style="font-size: 18px; line-height: normal">1º</span> - <font color="darkblue">Código JS a ser utilizado:</font></strong><br><dl class="codebox"><dt>Código:<a href="#" style="float:right;margin-right:5px" onclick="selectCode(this);return false">Selecionar conteúdo</a></dt><dd><code class="highlight prettyprint lang-null linenums theme-balupton prettyprint-has" style="overflow: auto; white-space: normal; max-height: 500px;"><ol class="linenums"><li class="L0"><span class="pln">jQuery</span><span class="pun">(</span><span class="pln">document</span><span class="pun">).</span><span class="pln">ready</span><span class="pun">(</span><span class="kwd">function</span><span class="pun">(){</span><span class="pln">jQuery</span><span class="pun">.</span><span class="kwd">get</span><span class="pun">(</span><span class="pln">jQuery</span><span class="pun">(</span><span class="str">'.module table[summary="Os membros mais ativos do mês"] td[width="30%"] a:eq(0)'</span><span class="pun">).</span><span class="pln">attr</span><span class="pun">(</span><span class="str">'href'</span><span class="pun">),</span><span class="kwd">function</span><span class="pun">(</span><span class="pln">b</span><span class="pun">){</span><span class="pln">jQuery</span><span class="pun">(</span><span class="str">'#id'</span><span class="pun">).</span><span class="pln">html</span><span class="pun">(</span><span class="pln">jQuery</span><span class="pun">(</span><span class="str">'.module table[summary="Os membros mais ativos do mês"] td[width="30%"] a:eq(0)'</span><span class="pun">).</span><span class="pln">text</span><span class="pun">());</span><span class="pln">jQuery</span><span class="pun">(</span><span class="str">'#avat'</span><span class="pun">).</span><span class="pln">html</span><span class="pun">(</span><span class="pln">jQuery</span><span class="pun">(</span><span class="str">'#profile-advanced-right .module div[style="text-align:center;"]'</span><span class="pun">,</span><span class="pln">b</span><span class="pun">).</span><span class="pln">html</span><span class="pun">())})});</span></li></ol></code></dd></dl><br>Recomendamos que não edite nada neste código.<br><br><strong><span style="font-size: 18px; line-height: normal">2º</span> - <font color="darkblue">Aplicação do tutorial:</font></strong><br>Aceda à:<br><strong>Painel de controle <font color="darkred">-></font> Módulos <font color="darkred">-></font> HTML & JavaScript <font color="darkred">-></font> Gestão dos códigos JavaScripts</strong><br><div style="margin:auto;text-align:center;width:100%"><br><span class="resizebox gensmall clearfix showfull" style="width:700px"><span class="resize_border clearfix"><span class="resize_content clearfix"><a href="#" class="enlarge">Expandir esta imagem</a><a href="#" class="resize">Reduzir esta imagem</a><span class="resize_filler"> </span><a href="#" class="fullsize">Ver em tamanho real</a></span></span></span><br><img src="https://i.servimg.com/u/f48/15/88/72/83/painel13.png" alt="" class="resize_img" width="700"></div><br><table class="table1" style="z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px;"><tbody><tr class="zebraDois"><td align="left" valign="top" width="30px"><img src="https://i.servimg.com/u/f36/11/66/91/15/110111.gif" alt="" class="" style="display:inline"></td><td align="left"><img src="https://2img.net/u/2612/28/77/07/smiles/398853.gif" alt="Seta" longdesc="18" class="" style="display:inline"> <strong><font color="indigo">Título </font></strong>Correspondente ao nome da página JavaScript/jQuery que será criada.</td></tr></tbody></table><table class="table1" style="z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px;"><tbody><tr class="zebraUm"><td align="left" valign="top" width="30px"><img src="https://i.servimg.com/u/f36/11/66/91/15/110210.gif" alt="" class="" style="display:inline"></td><td align="left"><img src="https://2img.net/u/2612/28/77/07/smiles/398853.gif" alt="Seta" longdesc="18" class="" style="display:inline"> <strong><font color="indigo">Localização</font>- </strong>São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos <strong>Em todas as páginas</strong>.<br></td></tr></tbody></table><table class="table1" style="z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px;"><tbody><tr class="zebraDois"><td align="left" valign="top" width="30px"><img src="https://i.servimg.com/u/f36/11/66/91/15/110310.gif" alt="" class="" style="display:inline"></td><td align="left"><img src="https://2img.net/u/2612/28/77/07/smiles/398853.gif" alt="Seta" longdesc="18" class="" style="display:inline"> <strong><font color="indigo">Código JavaScript </font></strong>Campo destinado para receber o código JavaScript criado anteriormente.</td></tr></tbody></table><table class="table1" style="z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px;"><tbody><tr class="zebraUm"><td align="left" valign="top" width="30px"><img src="https://i.servimg.com/u/f36/11/66/91/15/110410.gif" alt="" class="" style="display:inline"></td><td align="left"><img src="https://2img.net/u/2612/28/77/07/smiles/398853.gif" alt="Seta" longdesc="18" class="" style="display:inline"> <strong><font color="indigo">Habilitar o gerenciamento dos códigos JavaScript </font></strong>Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.</td></tr></tbody></table><br><br><strong><span style="font-size: 18px; line-height: normal">3º</span> - <font color="darkblue">Adicionando HTML nos Widgets:</font></strong><br>Para finalizar nosso efeito desejado, precisamos adicionar um código HTML em um Widget personalizado.<br><dl class="codebox"><dt>Código:<a href="#" style="float:right;margin-right:5px" onclick="selectCode(this);return false">Selecionar conteúdo</a></dt><dd><code class="highlight prettyprint lang-null linenums theme-balupton prettyprint-has" style="overflow: auto; white-space: normal; max-height: 500px;"><ol class="linenums"><li class="L0"><span class="tag"><center></span><span class="pln"> </span><span class="tag"><font</span><span class="pln"> </span><span class="atn">color</span><span class="pun">=</span><span class="atv">#0072ff</span><span class="pln"> </span><span class="atn">size</span><span class="pun">=</span><span class="atv">2</span><span class="tag">><img</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"https://i.servimg.com/u/f46/12/16/42/40/trophy10.gif"</span><span class="tag">></span><span class="pln"> </span><span class="tag"><b></span><span class="pln">Destaque do Fórum</span><span class="tag"></b></font><br><div</span><span class="pln"> </span><span class="atn">id</span><span class="pun">=</span><span class="atv">"id"</span><span class="tag">></div><br><div</span><span class="pln"> </span><span class="atn">id</span><span class="pun">=</span><span class="atv">"avat"</span><span class="tag">><center></span><span class="pln">Carregando avatar...</span><span class="tag"></center></div><dl</span><span class="pln"> </span><span class="atn">class</span><span class="pun">=</span><span class="atv">"spoiler"</span><span class="tag">><dt</span><span class="pln"> </span><span class="atn">style</span><span class="pun">=</span><span class="atv">"</span><span class="pln">cursor</span><span class="pun">:</span><span class="pln"> pointer</span><span class="pun">;</span><span class="atv">"</span><span class="tag">><center><div</span><span class="pln"> </span><span class="atn">name</span><span class="pun">=</span><span class="atv">spoiler</span><span class="tag">><font</span><span class="pln"> </span><span class="atn">color</span><span class="pun">=</span><span class="atv">#0072ff</span><span class="pln"> </span><span class="atn">size</span><span class="pun">=</span><span class="atv">2</span><span class="tag">><b></span><span class="pln">Obrigado pela colaboração!</span><span class="tag"></b></font></div></center></dt></dl></span><span class="pln"> </span><span class="tag"></center></span></li></ol></code></dd></dl><br>Caso tenha dúvida sobre como criar um Widget personalizado, leia esta FAQ: <a href="/t15885-">https://ajuda.forumeiros.com/t15885-</a><br><br><ul><li><strong><font color="indigo"> Resultado: </font></strong></li></ul><br><br><div style="margin:auto;text-align:center;width:100%"> <img src="https://i.imgur.com/mTnGK.png" alt="" class="" style="display:inline"> </div><br><br><hr><br><span style="font-size: 18px; line-height: normal"><div style="margin:auto;text-align:center;width:100%">© Fórum dos Fóruns & BrunoH.</div></span><br><br><table style="z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px;"><tbody><tr class="zebraDois"><td align="left"><img src="https://www.forumeiros.com/i/img/act_bottom.png" alt="" class="" style="display:inline"> </td><td align="left">Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:<br><strong>[Dúvida] Widget membro do mês</strong></td></tr></tbody></table></div>

Olá,

Agora só fica em Carregando Avatar...

Até Mais.

Olá!

Ative o widget "Os membros mais ativos da semana".
É crie um novo Widget com o seguinte código:

Código:

    <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('.module table[summary="Os membros mais ativos da semana"] td[width="30%"] a:eq(0)').text());jQuery('#avat').html(jQuery('#profile-advanced-right .main-content.clearfix.center:eq(0)',b).html())})});
    </script>
    <center> <font color=#0072ff size=2><img src="http://i46.servimg.com/u/f46/12/16/42/40/trophy10.gif"> <b>Destaque do Fórum</b></font><br><div id="id"></div><br><div id="avat"><center>Carregando avatar...</center></div><dl class="spoiler"><dt style="cursor: pointer;"><center><div name="spoiler" style=""><img src="http://i42.servimg.com/u/f42/17/32/13/00/downcr11.png" height="15"><font color="#0072ff" size="2"><b>Muito Obrigado</b><img src="http://i42.servimg.com/u/f42/17/32/13/00/downcr11.png" height="15"></font></div></center></dt><dd><div class="spoiler_content" style="">
    Parabéns para o Membro do més, pela sua ótima competência em nosso fórum, um agradecimento dos usuários e de toda a equipe a você !
    Muito Obrigado !!
    </div></dd></dl> </center>

Até mais.

Olá mesmo assim. Aqui está uma imagem:



Até Mais.

Olá!

Troque por este:

Código:

    <script>jQuery(document).ready(function() {jQuery('center #id').html(jQuery('table[summary="Os membros mais ativos da semana"] tbody tr:first td:first').html());var link=jQuery('table[summary="Os membros mais ativos da semana"] tbody tr:first td:first a').attr('href');jQuery.get(link,function(data) {jQuery('center #avat').html('<img src="'+jQuery('.module:eq(0) img:eq(0)',data).attr('src')+'" style="max-height: 300px; max-width: 160px;">');});});</script>
        <center> <font color="#0072ff" size="2"><img src="http://i46.servimg.com/u/f46/12/16/42/40/trophy10.gif"> <b>Destaque do Fórum</b></font><br><div id="id"></div><br><div id="avat"></div><dl class="spoiler"><dt style="cursor: pointer;"><center><div name="spoiler" style=""><img src="http://i42.servimg.com/u/f42/17/32/13/00/downcr11.png" height="15"><font color="#0072ff" size="2"><b>Muito Obrigado</b><img src="http://i42.servimg.com/u/f42/17/32/13/00/downcr11.png" height="15"></font></div></center></dt><dd><div class="spoiler_content" style="">
        Parabens para o Membro do més, pela sua ótima competencia em nosso fórum, um agradecimento dos Usuários e de toda a equipe a você !!
        Muito Obrigado !!
        </div></dd></dl> </center>

É crie um novo JavaScript - Em todas as páginas

Código:

    jQuery(document).ready(function() {
      jQuery('center #id').html(jQuery('table[summary="Os membros mais ativos da semana"] tbody tr:first td:first').html());
      var link=jQuery('table[summary="Os membros mais ativos da semana"] tbody tr:first td:first a').attr('href');
      jQuery.get(link, function(data) {
          jQuery('center #avat').html('<img src="'+jQuery('.module:eq(0) img:eq(0)',data).attr('src')+'" style="max-height: 300px; max-width: 160px;">');
      });
    });

Até mais.

Olá,

Agora só fica um quadrado branco.

Até Mais.

Olá,

O fato de estar sempre "carregando" se deve há estar havendo um conflito entre os códigos. Pode ser de outro widget personalizado ou um JS instalado.

Experimente desativar os JS e certifique-se de volte ao normal, caso não, retire os widgets personalizados, pois um desses está causando tal conflito.

Atenciosamente,
Harker.

Olá,

Resultou Agora

Até Mais.