Imagem do perfil no widget top dos mais postadores

3 participantes

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

Tópico resolvido Imagem do perfil no widget top dos mais postadores

Mensagem por Milton Guilherme Carrilho 08.03.16 22:43

Detalhes da questão

O titulo já diz tudo, gostaria de saber se tem como aparecer a img de perfil ao inves do nick no widget top postadores

Endereço do fórum:
http://mutsunami.official-forum.net/

Versão do fórum:
Invision

Descrição

Milton Guilherme Carrilho

Milton Guilherme Carrilho
Novo Membro

Membro desde : 08/03/2016
Mensagens : 2
Pontos : 4

http://mutsunami.official-forum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem do perfil no widget top dos mais postadores

Mensagem por Hancki 09.03.16 0:19

Olá!

Eu refiz um código do @JScript especificamente para funcionar no widget que deseja e da forma que deseja!
Adicione o código abaixo numa nova página Javascript, investida em todas as páginas:
Código:
 /****
  * Application: Avatar in: Top posters (Changed by Hancki)
  * Description: This application displays the members avatar in all widget of topic.
  * Version: 1.07022015-jq1.9.1 - Meni
  * Made and Optimizations by JScript - 2015/07/02
  * Copyright (c) 2015 JScript <jscriptbrasil at live dot com>
  * This work is free. You can redistribute it and/or modify it
  * under the terms of the WTFPL, Version 2
  **/
 jQuery(function() {
    var oConfig = {
        sInfo: '<!--' +
            '* Application: Avatar in: Top posters, Top posting users this week, Top posting users this month and Most active topic starters Widget!' +
            '* Description: This application displays the members avatar in all widget of topic.' +
            '* Version: 1.07022015-jq1.9.1 - Meni' +
            '* Made and Optimizations by JScript - 2015/07/02' +
            '* Copyright (c) 2015 JScript <jscriptbrasil at live dot com>' +
            '* This work is free. You can redistribute it and/or modify it' +
            '* under the terms of the WTFPL, Version 2' +
            '-->',
        sDefaultAvatar: 'http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png',
        sCSS: '<style>' +
            '.jsUserPhoto.topWidget {' +
            'float: left;' +
            'margin-top: 3px;' +
            'margin-right: 3px;' +
            '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;' +
            '}' +
            '.topWidget .jsUserPhoto_mini {' +
            'height: 25px !important;' +
            'width: 25px !important;' +
            '}' +
            '</style>'
    };

    // Add CSS
    jQuery(oConfig.sCSS).insertBefore('body');

    // Show member avatar in Recent Topics Widget!
    var oTarget = $('#right, #left').find('table[summary="Top dos mais postadores"]').find('a[href^="/u"]'),
        iLen = oTarget.length,
        index = 0,
        td = oTarget.parent();

    td.css('width', td.width() + 24);

    oTarget.css('font-size', '0px').prepend('<a class="jsUserPhoto topWidget" href="#" title="No avatar!"><img class="jsUserPhoto_mini" src="' + oConfig.sDefaultAvatar + '" alt="" /></a>');

    oTarget.each(function() {
        var oThis = $(this),
            container = oThis.find('.jsUserPhoto_mini'),
            storIMG = '',
            userUrl = '';

        if (oThis.length) {
            userUrl = oThis.attr('href');
            oThis.find('a.jsUserPhoto.topWidget').attr('href', userUrl).attr('title', oThis.text());

            storIMG = sessionStorage.getItem('_top_' + userUrl); // Read object from sessionStorage, more fast!
            if (storIMG) {
                container.attr('src', storIMG);
            } else {
                // if not, then only request per session!!!
                jQuery.get(userUrl, function(data) {
                    storIMG = jQuery('#emptyidcc .row1.gensmall img:eq(0), #profile-advanced-right .module:first .inner img:eq(0), #profile-advanced-right .main-content img:first, #profile-advanced-right .box-content.profile.center img:first', data).attr('src');
                    if (storIMG !== undefined) {
                        container.attr('src', storIMG);
                        // Saving object in sessionStorage
                        sessionStorage.setItem('_top_' + userUrl, storIMG);
                    }
                });
            }
        }
    });
 
    // Hancki Mods
    // $('table[summary="Top dos mais postadores"] td.row2').has('.jsUserPhoto_mini').css('width', '35px');
    $('table[summary="Top dos mais postadores"] td.row2').has('.jsUserPhoto_mini').each(function() {
        $(this).css('width', '35px');
    });
 });

Resultado:
Imagem do perfil no widget top dos mais postadores 6lgeepJ

Hancki
Hancki

Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Obrigado!

Mensagem por Milton Guilherme Carrilho 09.03.16 21:55

Hancki escreveu:Olá!

Eu refiz um código do @JScript especificamente para funcionar no widget que deseja e da forma que deseja!
Adicione o código abaixo numa nova página Javascript, investida em todas as páginas:
Código:
 /****
  * Application: Avatar in: Top posters (Changed by Hancki)
  * Description: This application displays the members avatar in all widget of topic.
  * Version: 1.07022015-jq1.9.1 - Meni
  * Made and Optimizations by JScript - 2015/07/02
  * Copyright (c) 2015 JScript <jscriptbrasil at live dot com>
  * This work is free. You can redistribute it and/or modify it
  * under the terms of the WTFPL, Version 2
  **/
 jQuery(function() {
     var oConfig = {
         sInfo: '<!--' +
             '* Application: Avatar in: Top posters, Top posting users this week, Top posting users this month and Most active topic starters Widget!' +
             '* Description: This application displays the members avatar in all widget of topic.' +
             '* Version: 1.07022015-jq1.9.1 - Meni' +
             '* Made and Optimizations by JScript - 2015/07/02' +
             '* Copyright (c) 2015 JScript <jscriptbrasil at live dot com>' +
             '* This work is free. You can redistribute it and/or modify it' +
             '* under the terms of the WTFPL, Version 2' +
             '-->',
         sDefaultAvatar: 'http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png',
         sCSS: '<style>' +
             '.jsUserPhoto.topWidget {' +
             'float: left;' +
             'margin-top: 3px;' +
             'margin-right: 3px;' +
             '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;' +
             '}' +
             '.topWidget .jsUserPhoto_mini {' +
             'height: 25px !important;' +
             'width: 25px !important;' +
             '}' +
             '</style>'
     };

     // Add CSS
     jQuery(oConfig.sCSS).insertBefore('body');

     // Show member avatar in Recent Topics Widget!
     var oTarget = $('#right, #left').find('table[summary="Top dos mais postadores"]').find('a[href^="/u"]'),
         iLen = oTarget.length,
         index = 0,
         td = oTarget.parent();

     td.css('width', td.width() + 24);

     oTarget.css('font-size', '0px').prepend('<a class="jsUserPhoto topWidget" href="#" title="No avatar!"><img class="jsUserPhoto_mini" src="' + oConfig.sDefaultAvatar + '" alt="" /></a>');

     oTarget.each(function() {
         var oThis = $(this),
             container = oThis.find('.jsUserPhoto_mini'),
             storIMG = '',
             userUrl = '';

         if (oThis.length) {
             userUrl = oThis.attr('href');
             oThis.find('a.jsUserPhoto.topWidget').attr('href', userUrl).attr('title', oThis.text());

             storIMG = sessionStorage.getItem('_top_' + userUrl); // Read object from sessionStorage, more fast!
             if (storIMG) {
                 container.attr('src', storIMG);
             } else {
                 // if not, then only request per session!!!
                 jQuery.get(userUrl, function(data) {
                     storIMG = jQuery('#emptyidcc .row1.gensmall img:eq(0), #profile-advanced-right .module:first .inner img:eq(0), #profile-advanced-right .main-content img:first, #profile-advanced-right .box-content.profile.center img:first', data).attr('src');
                     if (storIMG !== undefined) {
                         container.attr('src', storIMG);
                         // Saving object in sessionStorage
                         sessionStorage.setItem('_top_' + userUrl, storIMG);
                     }
                 });
             }
         }
     });
  
     // Hancki Mods
     // $('table[summary="Top dos mais postadores"] td.row2').has('.jsUserPhoto_mini').css('width', '35px');
     $('table[summary="Top dos mais postadores"] td.row2').has('.jsUserPhoto_mini').each(function() {
         $(this).css('width', '35px');
     });
 });

Resultado:
Imagem do perfil no widget top dos mais postadores 6lgeepJ

Hancki

Obrigado Pela Ajuda
Milton Guilherme Carrilho

Milton Guilherme Carrilho
Novo Membro

Membro desde : 08/03/2016
Mensagens : 2
Pontos : 4

http://mutsunami.official-forum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem do perfil no widget top dos mais postadores

Mensagem por MateusAnjosV 11.03.16 14:10

Imagem do perfil no widget top dos mais postadores Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos