Imagem do perfil no widget top dos mais postadores
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Imagem do perfil no widget top dos mais postadores
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 postadoresEndereço do fórum:
http://mutsunami.official-forum.net/
Versão do fórum:
Invision
Descrição
Re: Imagem do perfil no widget top dos mais postadores
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:
Resultado:
Hancki
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:
Hancki
Obrigado!
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:
Hancki
Obrigado Pela Ajuda
Re: Imagem do perfil no widget top dos mais postadores
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas". |
Tópicos semelhantes
» Html do widget top dos mais postadores
» Widget de top dos mais postadores desatualizado
» Como personalizar o widget: "top dos mais postadores" ?
» [Resolvido] Duvida. como fazer widget top dos mais postadores?
» Mudar top de mais postadores para membros mais ativos da semana ?
» Widget de top dos mais postadores desatualizado
» Como personalizar o widget: "top dos mais postadores" ?
» [Resolvido] Duvida. como fazer widget top dos mais postadores?
» Mudar top de mais postadores para membros mais ativos da semana ?
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos