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

+4
Holkis
Mywhalei
Reset
JScript
8 participantes

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

  • 0

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

Mensagem por JScript 02.07.15 18:44

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:
AwesomeBB - [AddOn] Avatar em todos os widgets "top" e "membros mais ativos"! Captur18

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
JScript

JScript
Super Membro

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

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

Ir para o topo Ir para baixo

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

Mensagem por Reset 07.07.15 19:57

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

Reset

Reset
Super Membro

Masculino
Membro desde : 30/09/2014
Mensagens : 1096
Pontos : 1470

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

Ir para o topo Ir para baixo

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

Mensagem por JScript 07.07.15 23:53

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

JS
JScript

JScript
Super Membro

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

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

Ir para o topo Ir para baixo

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

Mensagem por Mywhalei 08.07.15 0:27

@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?
Mywhalei

Mywhalei
*

Feminino
Membro desde : 07/07/2015
Mensagens : 45
Pontos : 59

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

Ir para o topo Ir para baixo

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

Mensagem por JScript 08.07.15 0:36

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
JScript

JScript
Super Membro

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

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

Ir para o topo Ir para baixo

  • 0

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

Mensagem por Holkis 08.07.15 2:27

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?
Holkis

Holkis
Membro Entusiasta

Masculino
Membro desde : 21/04/2015
Mensagens : 3547
Pontos : 4267

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

Ir para o topo Ir para baixo

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

Mensagem por JScript 08.07.15 4:08

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

JScript
Super Membro

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

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

Ir para o topo Ir para baixo

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

Mensagem por Daemon 08.07.15 13:51

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

Daemon
Super Membro

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

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

Ir para o topo Ir para baixo

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

Mensagem por Je4n 07.08.15 22:46

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
Je4n

Je4n
Novo Membro

Masculino
Membro desde : 21/07/2014
Mensagens : 20
Pontos : 36

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

Ir para o topo Ir para baixo

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

Mensagem por komi 21.10.22 0:39

Não funciona na versão AwesomeBB
@pedxz
komi

komi
Novo Membro

Feminino
Membro desde : 05/10/2022
Mensagens : 9
Pontos : 13

Ver perfil do usuário https://forum24.forumotion.com/

Ir para o topo Ir para baixo

Admineiro

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

Mensagem por pedxz 21.10.22 10:52

Olá @komi,

komi escreveu:Não funciona na versão AwesomeBB

Este sector não serve para pedidos de ajuda/suporte. Deve criar um tópico pedindo a conversão para #AwesomeBB.


Atenciosamente,
Pedxz.
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7276
Pontos : 8526

Ver perfil do usuário

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