[AddOn] Avatar em todos os widgets "top" e "membros mais ativos"!

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

  • 0

[AddOn] Avatar em todos os widgets "top" e "membros mais ativos"!

Mensagem por JScript em 02/07/15, 02:44 pm

Olá pessoal!

O código abaixo foi feito hoje, por isso eu o criei nesta categoria pois ainda está em fase de desenvolvimento...
Ele adiciona o avatar em todos os widgets de "top postadores" e no "membros mais ativos", é simples e só precisa ser adicionado na seção JavaScript com investimento em "todas as páginas"!

Abaixo está o código:
Código:

/****
 * 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
 **/
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: 16px !important;' +
         'width: 16px !important;' +
         '}' +
         '</style>'
   };

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

   // Show member avatar in Recent Topics Widget!
  var oTarget = $('#right, #left').find('td.genmed, div.module td, div.module.main .main-content td').find('a[href^="/u"]'),
      iLen = oTarget.length,
      index = 0,
      td = oTarget.parent();

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

   oTarget.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);
               }
            });
         }
      }
   });
});

Resultado:


E claro: Funciona em todas as versões, desde que utilizem as skins padrão ou que não modifiquem o padrão do HTML do fórum!

JS
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

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

Re: [AddOn] Avatar em todos os widgets "top" e "membros mais ativos"!

Mensagem por Reset em 07/07/15, 03:57 pm

Coloquei em meu fórum e ficou bem legal, ótimo.
Agradeço.

avatar

Reset
Membro do Fórum

Masculino
Inscrito dia : 30/09/2014
Mensagens : 1093
Pontos Ativos : 1457

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

Re: [AddOn] Avatar em todos os widgets "top" e "membros mais ativos"!

Mensagem por JScript em 07/07/15, 07:53 pm

@Reset
Muito obrigado pela informação amigo, eu fico bastante feliz com isso!!!

JS
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

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

Re: [AddOn] Avatar em todos os widgets "top" e "membros mais ativos"!

Mensagem por Mywhalei em 07/07/15, 08:27 pm

@JScript
Tive uma ideia,
Que tal você aumentar um pouco a largura e altura pra nos ver a imagem do foto e outra ideia também,
É seguinte se tem widget STAFF ONLINE aqui, mais na verdade ele não é automático, você deveria pensar isto, tem como criar como automático?
avatar

Mywhalei
Nível 5

Feminino
Inscrito dia : 07/07/2015
Mensagens : 45
Pontos Ativos : 59

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

Re: [AddOn] Avatar em todos os widgets "top" e "membros mais ativos"!

Mensagem por JScript em 07/07/15, 08:36 pm

@Mywhalei escreveu:Que tal você aumentar um pouco a largura e altura pra nos ver a imagem do foto
Isso pode ser feito modificando o CSS...

@Mywhalei escreveu: e outra ideia também,
É seguinte se tem widget STAFF ONLINE aqui, mais na verdade ele não é automático, você deveria pensar isto, tem como criar como automático?
Ideia muito boa, eu irei analisar mas Isso já é um assunto para outro tópico!

Muito obrigado pelas dicas,

JS
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/
  • 0

Re: [AddOn] Avatar em todos os widgets "top" e "membros mais ativos"!

Mensagem por Holkis em 07/07/15, 10:27 pm

Funcionou como dito na imagem. Mas tenho pequena sugestão, ao passar o rato em cima das imagens ela automaticamente aumenta e aparece o perfil do usuário. O que me diz?
avatar

Holkis
Hiperativo

Masculino
Inscrito dia : 21/04/2015
Mensagens : 3498
Pontos Ativos : 4197

Ver perfil do usuário http://www.holkis.net/ https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA

Re: [AddOn] Avatar em todos os widgets "top" e "membros mais ativos"!

Mensagem por JScript em 08/07/15, 12:08 am

@Holkis
Uma ideia perfeita no tocante "aumentar o tamanho da imagem ao pairar o mouse"!
O problema é a segunda dica pois terá que ler o perfil usando ajax e isso pode desencadear o Request Limit...

JS
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

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

Re: [AddOn] Avatar em todos os widgets "top" e "membros mais ativos"!

Mensagem por Daemon em 08/07/15, 09:51 am

Muito bom, @JScript!!!
Ótimo código! Rosa
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

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

Re: [AddOn] Avatar em todos os widgets "top" e "membros mais ativos"!

Mensagem por Je4n em 07/08/15, 06:46 pm

Estarei aplicando em meu fórum de testes onde estou desenvolvendo um tema novo, vai ficar muito legal! Muito obrigado por desenvolver esse código! Muito feliz
avatar

Je4n
Nível 3

Masculino
Inscrito dia : 21/07/2014
Mensagens : 20
Pontos Ativos : 36

Ver perfil do usuário http://www.wasd.in

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