Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Administrador
Navegador usado : Opera
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://mastergz.forumbrasil.net

Descrição do problema

ola fiz um teste aqui com esse tutorial mais nao funcionou, o cogido continua o mesmo ou mudou algo.

https://ajuda.forumeiros.com/t93895-tutorial-avatar-no-widget-ultimos-assuntos?highlight=tutorial

meu teste abaixo

http://prntscr.com/6mp3ty

Saudações autor!

O senhor tem muitos códigos JavaScript em teu fórum? Muita das vezes estes códigos entram em conflito uns aos outros, tendo uma certa dificuldade para descobrir qual está interferindo a ação de um, compreende-me?

Até!

vlw, entendido

Faça o seguinte: Vá desativando um por um, até encontrar o que esteja entrando em conflito com este.

Até!

posso liberar moderar la pra ti, creio que va facilitar os teste.

Olá!

Acesse Visualização >> Templates > Portal > mod_recent_topics > e no início do seu código, cole isto:

Código:

<div id="recentTopics">

Na última linha de todo o seu código, cole este código:

Código:

</div>

Em seguida, troque o script do tutorial que mencionou por este:

Código:

$(function(){
      var style = document.createElement('STYLE'), css = '.mini_ava2>img{height:20px;margin-right:5px;width:20px;}';
      style.type = 'text/css';
      if (style.styleSheet) style.styleSheet.cssText = css;
      else style.appendChild(document.createTextNode(css));
      document.getElementsByTagName('HEAD')[0].appendChild(style);
     
          if(!window.localStorage) return;
     
          // Default avatar
            var default_avatar= 'http://2img.net/i/fa/invision/pp-blank-thumb.png';
     
          // Time of cache 24h*60m*60s*1000ms - one day
            var caching_time= 24*60*60*1000;
     
          // Time of cache in case of error 60s*1000ms - one minute
            var caching_error= 60*1000;
     
          var set_avatar= function(id) {
                $('.mini_ava2.member'+id).html('<img src="'+get_avatar(id)+'" />');
            };
     
          var get_avatar= function(id) {
                if(localStorage.getItem('t_ava'+id) < +new Date - caching_time || (localStorage.getItem('d_ava'+id)==default_avatar && localStorage.getItem('t_ava'+id) < +new Date - caching_error))
                {
                    localStorage.setItem('d_ava'+id, default_avatar);
                    $.get('/u'+id, function (d){
                        localStorage.setItem('t_ava'+id,+new Date);
                        localStorage.setItem('d_ava'+id, $('#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img',d).first().attr('src')||default_avatar);
                        set_avatar(id);
                    });
                }
                return localStorage.getItem('d_ava'+id);
            };
     
          var to_replace= {};
     
          $('#recentTopics a[href^="/u"]').each(function(){
                to_replace[$(this).attr('href').substr(2)]= 1;
                $(this).before('<span class="mini_ava2 member'+$(this).attr('href').substr(2)+'"></span>');
            });
     
          for(i in to_replace)
            {
                set_avatar(i);
            };
     
      });

Atenciosamente,
Shek

Ola Shek, funcionou, mas ficou um pouco diferente do tutorial

no tutorial ta assim
https://i.imgur.com/79v4YRn.png

e no seu ficou assim
http://prntscr.com/6nqwk0

Shek vc teria o codigo que ponha a foto na frente do relogio, pra ver qual ficar melhor visualmente.

Olá!

Este código não é o mesmo código do tutorial. Para fazer isso é só adicionar este CSS:

Código:

.mini_ava2 { float: left !important; }

Vlw Shek legal, do seu jeito anterior ficou mais bonito resolvido