[AddOn] Avatar nos widgets de tópicos!

por JScript 05.05.15 13:30

Avatar nos widgets de tópicos!

Este código adiciona o avatar dos membros nos seguintes Widgets de tópicos: Últimos assuntos, Tópicos mais visitados, Tópicos mais ativos e Tópicos similares!

Características e aplicação

Criador: JScript

Versão: 1.0

Versão: Todas as versões

Resultado da aplicação

O resultado da aplicação será:
[AddOn] Avatar nos widgets de tópicos! TfQg8Bf

Local de instalação

A instalação é única, e pode ser feita apenas criando um novo javascript. O CSS já está embutido no código!

Acesse Painel de Controle ->> Módulos ->> HTML & JAVASCRIPT ->> Gestão dos códigos JavaScript >>
Crie um novo JavaScript com investimento somente no Índice ou em Todas as páginas caso não use códigos que ocultam os widgets:

Código:: /**** * Application: Avatar in: Lattest Topics, Most Viewed Topics and Most Active Topics Widget! * Description: This application can displays the members avatar. * Version: 1.03172014-jq1.9.1 - Narmer (Menés, Meni) * Made and Optimizations by JScript - 2014/03/17 * View more in: http://ajuda.forumeiros.com * Copyright (c) 2014 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: '', sDefaultAvatar: 'http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png', sCSS: '<style>' + '.jsUserPhoto.widget {' + 'float: left;' + 'margin-top: 3px;' + 'margin-right: 10px;' + '}' + '.jsUserPhoto {' + '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;' + '}' + '.jsUserPhoto_mini {' + 'height: 30px !important;' + 'width: 30px !important;' + '}' + '</style>' }; // Add CSS jQuery(oConfig.sCSS).insertBefore('body'); // Show member avatar in Recent Topics Widget! var oTarget = $('#right, #left').find('.forumline tr td.row1, .module .inner, .module.main .main-content, .module.borderwrap .box-content').find('a[href^="/t"]'), iLen = oTarget.length, index = 0; oTarget.prepend('<a class="jsUserPhoto widget" href="#" title="No avatar!"><img class="jsUserPhoto_mini" src="' + oConfig.sDefaultAvatar + '" alt="" /></a>'); oTarget.each(function() { var oThis = $(this), findUser = oThis.nextAll('a[href^="/u"]').first(), container = oThis.find('.jsUserPhoto_mini'), storIMG = '', userUrl = '', topicUrl = ''; if (findUser.length) { userUrl = findUser.attr('href'); oThis.find('a.jsUserPhoto.widget').attr('href', userUrl).attr('title', findUser.text()); storIMG = sessionStorage.getItem(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(userUrl, storIMG); } }); } } else { topicUrl = oThis.attr('href'); var oData = sessionStorage.getItem(topicUrl); // Read object from sessionStorage, more fast! if (oData) { oData = JSON.parse(oData); container.attr('src', oData.storIMG); oThis.find('a.jsUserPhoto.widget').attr('href', oData.userUrl).attr('title', oData.userName); oThis.append('<br>' + oData.userPname); } else { jQuery.get(topicUrl, function(data) { storIMG = $('.postdetails.poster-profile:first, .postprofile:first dt, .user-basic-info:first, .postprofile-details.postdetails:first dt', data).find('> a[href^="/u"] img').attr('src'); if (storIMG !== undefined) { container.attr('src', storIMG); } var oUrl = $('span.name, p.author, h4.username', data).first(), userUrl = oUrl.find('a:last').attr('href'), userName = oUrl.find('a').text(), userPname = oUrl.html(); oThis.find('a.jsUserPhoto.widget').attr('href', userUrl).attr('title', userName); oThis.append('<br>' + userPname); var oData = { storIMG: storIMG, userUrl: userUrl, userName: userName, userPname: userPname }; // Saving object in sessionStorage sessionStorage.setItem(topicUrl, JSON.stringify(oData)); }); } } }); });

por ™David™ 13.07.15 18:48

Olá @JScript

é possivel o código funcionar com o perfil avançado desstivado ?

Até...

por Daemon 13.07.15 21:42

Ainda não havia visto este tutorial.

Muito bom, @JScript!!! Sempre com excelentes códigos! Muito feliz

por JScript 13.07.15 23:40

@™David™
Olá, isso foi uma ótima observação! Na verdade era para eu ter feito o sistema funcionar independente do modelo de perfil...
Eu farei as alterações necessárias e em breve postarei uma nova versão ok?

@Daemon
Muito obrigado meu amigo.

JS

por ™David™ 14.07.15 5:54

Ok estarei aguardando

Hitskin.com

[AddOn] Avatar nos widgets de tópicos!

[AddOn] Avatar nos widgets de tópicos!

Re: [AddOn] Avatar nos widgets de tópicos!

Re: [AddOn] Avatar nos widgets de tópicos!

Re: [AddOn] Avatar nos widgets de tópicos!

Re: [AddOn] Avatar nos widgets de tópicos!