Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Corrigir erro no widget de últimos assuntos personalizado
Hoje à(s) 08:14 pm por Taxy_InSaniTy

» Emblemas css
Hoje à(s) 08:01 pm por virus

» Corrigir widget de melhor do mês
Hoje à(s) 07:54 pm por Luiz

» Como pedir análise de fórum?
Hoje à(s) 07:38 pm por Luiz

» Como colocar tamanho maximo da imagem da assinatura
Hoje à(s) 07:38 pm por Luiz

» Personalizar as aparências do fórum
Hoje à(s) 07:29 pm por Luiz

» Visualização de código.
Hoje à(s) 06:55 pm por Luiz

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Kyo Panda
 
iScroll
 
Taxy_InSaniTy
 
virus
 
Shek
 
IsmaelS.
 
William_iHarDz
 
Gustavor
 
Fou-Lu
 

Quem está conectado
263 usuários online :: 8 usuários cadastrados, 1 Invisível e 254 Visitantes :: 2 Motores de busca

Caiobox1, CesarWatsom2, Fraise, Ketholy123, Luiz, Taxy_InSaniTy, virus, weverson lopes

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Modificar widget últimos assuntos

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Modificar widget últimos assuntos

Mensagem por IsmaelS. em 12/03/17, 05:48 pm

Detalhes da questão


Endereço do fórum: http://master-publicitario.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Olá!

Gostaria de colocar mini avatares no widget de último assuntos como este:


Última edição por IsmaelS. em 17/03/17, 10:31 pm, editado 1 vez(es)

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2837
Pontos Ativos : 3935

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Modificar widget últimos assuntos

Mensagem por Kyo Panda em 13/03/17, 09:51 am



Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4338
Pontos Ativos : 5637

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Modificar widget últimos assuntos

Mensagem por IsmaelS. em 13/03/17, 12:04 pm

Kyo Panda escreveu:O senhor tentou seguir esse tutorial:

http://ajuda.forumeiros.com/t93895-tutorial-avatar-no-widget-ultimos-assuntos

o/

Sim já tinha testado e não resultou.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2837
Pontos Ativos : 3935

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Modificar widget últimos assuntos

Mensagem por Kyo Panda em 15/03/17, 10:25 am

Tente esse:

Código:
$(window).on('load', function() {
   var sCSS = '' +
        '<style>' +
        '.ipsUserPhoto {' +
            'background: none repeat scroll 0 0 #FFFFFF;' +
            'border: 1px solid #D5D5D5 !important;' +
            'box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);' +
            'padding: 1px;' +
        '}' +
        '.ipsUserPhoto_mini {' +
            'height: 30px;' +
            'width: 30px;' +
        '}' +
        '</style>';
    document.head.insertAdjacentHTML('beforeEnd', sCSS);   
    /* DOM chached for fast execution! */
 //var widgetLeft = jQuery('#left')[0]; // Left widget;
 var widgetRight = jQuery('#right')[0]; // Right widget;
    var oTarget = jQuery(widgetRight).find('.mod-recent-row a[href^="/t"]');
   
    setTimeout(function() {
 oTarget.each(function () {
        var oThis = jQuery(this); /* DOM chached for fast execution! */
  var temp = oThis.parent().find('a[href^="/u"]');
 var UserURL = temp.attr('href');
        var UserTitle = temp.text();
        var def_img = "http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png"; /* In case request profile errors! */
        var UserIMG = 0;//sessionStorage.getItem(UserURL); /* Gets the avatar saved in local storage (Fastest!)*/
        var sHtml = '<a id="user_photo" style="float: left; margin-top: 3px; margin-right: 10px;" class="ipsUserPhoto" href="' + UserURL + '" title="' + UserTitle;
        /* If avatar alread saved, then no request member profile! */
        if(UserIMG) {
            oThis.prepend(sHtml + '"><img class="ipsUserPhoto_mini" src="' + UserIMG + '" alt="" /></a>');
        } else {
            /* if not, then only request per session!!! */
           
            /* Pre-loaded user img... */
            oThis.prepend(sHtml + '" title="' + UserTitle + '"><img class="ipsUserPhoto_mini" src="' + def_img + '" alt="" /></a>');
           
            // user img
            jQuery(this).children('a').load(UserURL + ' .mod-login-avatar img', function() {
                jQuery(this).children('img').attr('class','ipsUserPhoto_mini');
                var profile_img = jQuery(this).children('img').attr('src');
                //Saves the member avatar in local storage
                sessionStorage.setItem(UserURL, profile_img);
            });
        }
 oThis.find('a[href^="/u"]').insertBefore(jQuery(this));
 });
    }, 10000);
   });


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4338
Pontos Ativos : 5637

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Modificar widget últimos assuntos

Mensagem por IsmaelS. em 17/03/17, 03:16 pm

Resultou porém demora um tempo para os avatares aparecerem.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2837
Pontos Ativos : 3935

Ver perfil do usuário http://suporte-design.forumeiros.com/
  • 0

Resolvido Re: Modificar widget últimos assuntos

Mensagem por while em 17/03/17, 07:09 pm

Altere para:

Código:
$(window).on('load', function() {
  var sCSS = '' +
        '<style>' +
        '.ipsUserPhoto {' +
            'background: none repeat scroll 0 0 #FFFFFF;' +
            'border: 1px solid #D5D5D5 !important;' +
            'box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);' +
            'padding: 1px;' +
        '}' +
        '.ipsUserPhoto_mini {' +
            'height: 30px;' +
            'width: 30px;' +
        '}' +
        '</style>';
    document.head.insertAdjacentHTML('beforeEnd', sCSS);   
    /* DOM chached for fast execution! */
 //var widgetLeft = jQuery('#left')[0]; // Left widget;
 var widgetRight = jQuery('#right')[0]; // Right widget;
    var oTarget = jQuery(widgetRight).find('.mod-recent-row a[href^="/t"]');
   
    setTimeout(function() {
 oTarget.each(function () {
        var oThis = jQuery(this); /* DOM chached for fast execution! */
  var temp = oThis.parent().find('a[href^="/u"]');
 var UserURL = temp.attr('href');
        var UserTitle = temp.text();
        var def_img = "http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png"; /* In case request profile errors! */
        var UserIMG = 0;//sessionStorage.getItem(UserURL); /* Gets the avatar saved in local storage (Fastest!)*/
        var sHtml = '<a id="user_photo" style="float: left; margin-top: 3px; margin-right: 10px;" class="ipsUserPhoto" href="' + UserURL + '" title="' + UserTitle;
        /* If avatar alread saved, then no request member profile! */
        if(UserIMG) {
            oThis.prepend(sHtml + '"><img class="ipsUserPhoto_mini" src="' + UserIMG + '" alt="" /></a>');
        } else {
            /* if not, then only request per session!!! */
           
            /* Pre-loaded user img... */
            oThis.prepend(sHtml + '" title="' + UserTitle + '"><img class="ipsUserPhoto_mini" src="' + def_img + '" alt="" /></a>');
           
            // user img
            jQuery(this).children('a').load(UserURL + ' .mod-login-avatar img', function() {
                jQuery(this).children('img').attr('class','ipsUserPhoto_mini');
                var profile_img = jQuery(this).children('img').attr('src');
                //Saves the member avatar in local storage
                sessionStorage.setItem(UserURL, profile_img);
            });
        }
 oThis.find('a[href^="/u"]').insertBefore(jQuery(this));
 });
    }, 1000);
  });

Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3107
Pontos Ativos : 4509

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Modificar widget últimos assuntos

Mensagem por IsmaelS. em 17/03/17, 10:33 pm

Resolvido, obrigado.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2837
Pontos Ativos : 3935

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Modificar widget últimos assuntos

Mensagem por while em 17/03/17, 11:35 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3107
Pontos Ativos : 4509

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum