[AddOn] Avatar nos widgets de tópicos!

3 participantes

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

  • 0

[AddOn] Avatar nos widgets de tópicos! Empty [AddOn] Avatar nos widgets de tópicos!

Mensagem 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: '<!--' +
         '* 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' +
         '-->',
      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));
            });
         }
      }
   });
});
JScript

JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

  • 0

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

Mensagem por ™David™ 13.07.15 18:48

Olá @JScript

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

Até...
™David™

™David™
*****

Membro desde : 13/01/2013
Mensagens : 431
Pontos : 633

http://cheatsgo.forum-pro.net/ https://facebook.com/DavidGabrielOficial http://twitter.com/DavidAlmeidaOn

Ir para o topo Ir para baixo

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

Mensagem por Daemon 13.07.15 21:42

Ainda não havia visto este tutorial.

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

Daemon
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem 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
JScript

JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por ™David™ 14.07.15 5:54

Ok estarei aguardando
™David™

™David™
*****

Membro desde : 13/01/2013
Mensagens : 431
Pontos : 633

http://cheatsgo.forum-pro.net/ https://facebook.com/DavidGabrielOficial http://twitter.com/DavidAlmeidaOn

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