Avatar nos ultimos topicos recentes bug

Minha questão:

Boas pessoa ,
Eu segui aqui um tutorial para por avatar nos ultimo topicos recentes e ficou com bug .
Vejam o print.

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

As imagens tão todas iguias

o tutorial que eu segui : [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

---

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

Versão:
PunBB

Não entendo, qual é o bug?

As imagens tão todas iguais . ou seja as imagens que aparecem não comrresponde a imagem do membro .

Ah, não tinha reparado

Troque o javascript por este:

Código:

jQuery(document).on('ready', function() {[size=11][color=#5a5a5a][/color][/size]
    jQuery('.avt_recent').prepend('<div class="avt-r"><div>');[size=11][color=#5a5a5a][/color][/size]
    jQuery('.avt_recent .avt-r').each(function () {[size=11][color=#5a5a5a][/color][/size]
    var profileUserURL = jQuery(this).parent().children('.recent_space').children('a:last').attr('href');[size=11][color=#5a5a5a][/color][/size]
    jQuery(this).html('<a href="' + profileUserURL + '" class="avt-r-enlace"><img src="http://r14.imgfast.net/users/1417/27/86/76/avatars/1-19.png" alt="No Avatar" /></a>');[size=11][color=#5a5a5a][/color][/size]
    jQuery(this).children('a').load(profileUserURL + ' .module:eq(0) img:eq(0)')[size=11][color=#5a5a5a][/color][/size]
    });[size=11][color=#5a5a5a][/color][/size]
    });

E o css por este:

Código:

.avt-r {[size=11][color=#5a5a5a][/color][/size]
background: none repeat scroll 0% 0% #FFF;[size=11][color=#5a5a5a][/color][/size]
border: 1px solid #D5D5D5 !important;[size=11][color=#5a5a5a][/color][/size]
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);[size=11][color=#5a5a5a][/color][/size]
float: left;[size=11][color=#5a5a5a][/color][/size]
height: 28px;[size=11][color=#5a5a5a][/color][/size]
margin: 3px;[size=11][color=#5a5a5a][/color][/size]
padding: 1px;[size=11][color=#5a5a5a][/color][/size]
width: 28px;[size=11][color=#5a5a5a][/color][/size]
}

Não funciona

investiu no indice?

Sim meti no indice

Deixando os códigos antes fornecidos, peço que troque o seu mod_recent_topics por este

Código:

<!-- BEGIN scrolling_row -->[size=11][font=monospace][/font][/size]
<div class="module main">[size=11][font=monospace][/font][/size]
  <div class="main-head"><div class="h3">{L_RECENT_TOPICS}</div></div>[size=11][font=monospace][/font][/size]
  <div class="main-content" id="comments_scroll_div">[size=11][font=monospace][/font][/size]
      <!-- BEGIN recent_topic_row -->[size=11][font=monospace][/font][/size]
          <div class="avt_recent">[size=11][font=monospace][/font][/size]
              <div class="recent_space">[size=11][font=monospace][/font][/size]
      » <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br />[size=11][font=monospace][/font][/size]
          <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY} [size=11][font=monospace][/font][/size]
[size=11][font=monospace][/font][/size]
      <!-- BEGIN switch_poster -->[size=11][font=monospace][/font][/size]
      <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />[size=11][font=monospace][/font][/size]
      <!-- END switch_poster -->[size=11][font=monospace][/font][/size]
[size=11][font=monospace][/font][/size]
      <!-- BEGIN switch_poster_guest -->[size=11][font=monospace][/font][/size]
      {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />[size=11][font=monospace][/font][/size]
      <!-- END switch_poster_guest -->[size=11][font=monospace][/font][/size]
[size=11][font=monospace][/font][/size]
      <!--[size=11][font=monospace][/font][/size]
      <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_POSTER}">{scrolling_row.recent_topic_row.S_POSTER}</a><br /><br />[size=11][font=monospace][/font][/size]
      -->[size=11][font=monospace][/font][/size]
            </div>[size=11][font=monospace][/font][/size]
          </div>[size=11][font=monospace][/font][/size]
      <!-- END recent_topic_row -->[size=11][font=monospace][/font][/size]
  </div>[size=11][font=monospace][/font][/size]
</div>[size=11][font=monospace][/font][/size]
[size=11][font=monospace][/font][/size]
<script type="text/javascript">[size=11][font=monospace][/font][/size]
//<![CDATA[[size=11][font=monospace][/font][/size]
$(function(){[size=11][font=monospace][/font][/size]
  div_marquee('comments_scroll_div', 'comments_scroll_container', '{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}');[size=11][font=monospace][/font][/size]
});[size=11][font=monospace][/font][/size]
//]]>[size=11][font=monospace][/font][/size]
</script>[size=11][font=monospace][/font][/size]
<!-- END scrolling_row -->[size=11][font=monospace][/font][/size]
[size=11][font=monospace][/font][/size]
<!-- BEGIN classical_row -->[size=11][font=monospace][/font][/size]
<div class="module main">[size=11][font=monospace][/font][/size]
  <div class="main-head"><h3>{L_RECENT_TOPICS}</h3></div>[size=11][font=monospace][/font][/size]
  <div class="main-content">[size=11][font=monospace][/font][/size]
      <!-- BEGIN recent_topic_row -->[size=11][font=monospace][/font][/size]
          <div class="avt_recent">[size=11][font=monospace][/font][/size]
              <div class="recent_space">[size=11][font=monospace][/font][/size]
            » <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a><br /> {BY}&nbsp;[size=11][font=monospace][/font][/size]
                <!-- BEGIN switch_poster -->[size=11][font=monospace][/font][/size]
      <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>[size=11][font=monospace][/font][/size]
      <!-- END switch_poster -->[size=11][font=monospace][/font][/size]
[size=11][font=monospace][/font][/size]
      <!-- BEGIN switch_poster_guest -->[size=11][font=monospace][/font][/size]
      {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}[size=11][font=monospace][/font][/size]
      <!-- END switch_poster_guest -->[size=11][font=monospace][/font][/size]
[size=11][font=monospace][/font][/size]
      {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />[size=11][font=monospace][/font][/size]
[size=11][font=monospace][/font][/size]
      <!--[size=11][font=monospace][/font][/size]
      <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />[size=11][font=monospace][/font][/size]
      -->[size=11][font=monospace][/font][/size]
            </div>[size=11][font=monospace][/font][/size]
          </div>[size=11][font=monospace][/font][/size]
      <!-- END recent_topic_row -->[size=11][font=monospace][/font][/size]
  </div>[size=11][font=monospace][/font][/size]
</div>[size=11][font=monospace][/font][/size]
<!-- END classical_row -->

Vá em:
Painel de Controle - Visualização - Templates - Portal - mod_recents_topics

Troque o template por este abaixo:

Código:

   <!-- BEGIN scrolling_row -->
    <div class="module main">
      <div class="main-head"><div class="h3">{L_RECENT_TOPICS}</div></div>
      <div class="main-content" id="comments_scroll_div">
          <!-- BEGIN recent_topic_row -->
              <div class="avt_recent">
                  <div class="recent_space">
          » <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br />
              <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}

         <!-- BEGIN switch_poster -->
          <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
          <!-- END switch_poster -->

          <!-- BEGIN switch_poster_guest -->
          {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
          <!-- END switch_poster_guest -->

          <!--
          <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_POSTER}">{scrolling_row.recent_topic_row.S_POSTER}</a><br /><br />
          -->
                </div>
              </div>
          <!-- END recent_topic_row -->
      </div>
    </div>

    <script type="text/javascript">
    //<![CDATA[
    $(function(){
      div_marquee('comments_scroll_div', 'comments_scroll_container', '{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}');
    });
    //]]>
    </script>
    <!-- END scrolling_row -->

    <!-- BEGIN classical_row -->
    <div class="module main">
      <div class="main-head"><h3>{L_RECENT_TOPICS}</h3></div>
      <div class="main-content">
          <!-- BEGIN recent_topic_row -->
              <div class="avt_recent">
                  <div class="recent_space">
                » <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a><br /> {BY}&nbsp;
                    <!-- BEGIN switch_poster -->
          <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
          <!-- END switch_poster -->

          <!-- BEGIN switch_poster_guest -->
          {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
          <!-- END switch_poster_guest -->

          {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />

          <!--
          <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
          -->
                </div>
              </div>
          <!-- END recent_topic_row -->
      </div>
    </div>
    <!-- END classical_row -->
<style>        .avt-r img{
        background: none repeat scroll 0% 0% #FFF;
        border: 1px solid #D5D5D5 !important;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
        float: left;
        height: 28px;
        margin: 3px;
        padding: 1px;
        width: 28px;
        }
        </style>

Agora, troque o javascript acima, por este abaixo:

Código:


    jQuery(document).on('ready', function() {
        jQuery('.avt_recent').prepend('<div class="avt-r"><div>');
        jQuery('.avt_recent .avt-r').each(function () {
        var profileUserURL = jQuery(this).parent().children('.recent_space').children('a:last').attr('href');
        jQuery(this).html('<a href="' + profileUserURL + '" class="avt-r-enlace"><img src="http://r14.imgfast.net/users/1417/27/86/76/avatars/1-19.png" alt="No Avatar" /></a>');
        jQuery(this).children('a').load(profileUserURL + ' .module:eq(0) img:eq(0)')
        });
        });


Com os investimentos em todas as páginas, se não funcionar, coloque em Índice e Portal.

Até.

Boas[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Esses codigos não deram ....

Aguardo resposta.

Nunca iria funcionar amigo... você utiliza perfil ipb... e não consegui fazer uma edição, para que o código mudasse...

não tem maneira de arrumar o codigo para mim ? =/