Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» formulário de postagem
Hoje à(s) 0:23 por Luiz~

» Problema com JS
Hoje à(s) 0:21 por Luiz~

» viewtopic_body personalizado
Ontem à(s) 23:26 por Luiz~

» Gestão da logo do fórum
Ontem à(s) 22:28 por Luiz~

» RANK E AJUDA PRA BOTAR O RANK NO MEU FORUM
Ontem à(s) 22:16 por Rhuanzinho Pjl

» Criação de portal com link
Ontem à(s) 21:13 por Luiz~

» Modificar campo de avatar
Ontem à(s) 21:12 por Luiz~

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
243 usuários online :: 10 usuários cadastrados, 1 Invisível e 232 Visitantes :: 2 Motores de busca

Fernanda Nunes, GustavoDM11, iScroll, jhen00, Luiz~, MateusV., PESS_dodo, ranzatti, Um, Weder M. T. N.

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Widget top postadores

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

Resolvido Widget top postadores

Mensagem por IsmaelS. em Seg 13 Mar 2017 - 15:46

Detalhes da questão


Endereço do fórum: http://master-publicitario.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Olá!

Eu usei este código:
Código:
           
<div class="main-content clearfix">
               <script>
jQuery(document).ready(function() {
 var members_top_posters = sessionStorage.getItem('members_top_posters');
 if(members_top_posters) {
  jQuery('#members_top_posters').html(members_top_posters);
 } else {
 jQuery.get('/memberlist?mode=posts&order=DESC&submit=Ok&username', function(d) {
  var members = jQuery('.table a[href^="/u"]:lt(5)', d);
  jQuery('#members_top_posters').html(members);
  jQuery('#members_top_posters').find('a[href^="/u"]').each(function() {
  jQuery(this).wrap('<div class="m_b"></div>');
  var post = jQuery(this).attr('href');
    jQuery(this).after('<span class="posts"></span>');
    jQuery(this).next().load(post+' .main #field_id-6 dd div', function() {
    jQuery(this).text(jQuery(this).text());
    sessionStorage.setItem('members_top_posters', jQuery('#members_top_posters').html());
    });
  });
 });
 }
});
</script>           
   <div id="members_top_posters">
                           
   </div><style>
#members_top_posters .m_b {
margin: 4px 0;
}
#members_top_posters .m_b:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#members_top_posters a span {text-decoration: none;}
#members_top_posters .m_b img {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #D5D5D5!important;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
float: left;
height: 30px;
margin: 0 3px;
padding: 1px;
width: 30px;
}
#members_top_posters .m_b img:hover {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
border-color: #666;
box-shadow: 0 2px 2px rgba(0,0,0,0.5);
}
#members_top_posters .posts {
display: block;
margin-top: 5px;
margin-left: 45px;
font: 11px helvetica, arial, sans-serif;
color: #777777;
}
#members_top_posters .posts:after {
content: ' mensagens';
}
</style>             
</div>
                                                     

Para tentar obter este widget:


Mas ele não está a funcionar.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5480

http://master-publicitario.forumeiros.com/
  • 0

Resolvido Re: Widget top postadores

Mensagem por Kyo Panda em Qua 15 Mar 2017 - 16:54

Adicione esse Javascript com investimento em Todas as páginas:

Código:
(function($) {
   'use strict';

   if (!window.sessionStorage || !window.JSON) {
      return;
   }

   var config = {
      storage: 'fa.top-posters.overall',
      selectors: {
         avatar: '.mod-login-avatar img',
         module: '.mod-top-row',
      }
   };

   $(function() {
      var $module = $(config.selectors.module);
      
      if (!$module.length) {
         return;
      }

      var render = function(data) {
         $module.each(function(index, elem) {
            var $elem = $(elem);
            var href = $elem.find('a[href^="/u"]:first').attr('href');
            var item = data[href];

            if (!item) {
               return;
            }

            $elem.prepend([
               '<a href="' + href + '" class="fa-custom-mod-top-avatar">',
               '  <img src="' + item.avatar + '" />',
               '</a>'
            ].join('\n'));
         });
      };

      var stored = window.sessionStorage.getItem(config.storage);

      if (stored) {
         render(JSON.parse(stored));
         return;
      }

      var data = {};
      var promises = [];

      $module.find('a[href^="/u"]').each(function(index, elem) {
         var $elem = $(elem);
         var href = $elem.attr('href');
         
         var promise = $.get(href, function(context) {
            data[href] = {
               avatar: $(config.selectors.avatar, context).attr('src'),
            };
         });

         promises.push(promise);
      });

      $.when.apply(null, promises).done(function() {
         window.sessionStorage.setItem(config.storage, window.JSON.stringify(data));
         render(data);
      });
   });
}(jQuery));

E adicione ao seu CSS:

Código:
#main-content .mod-top-row {
    padding-left: 72px;
    margin-bottom: 10px;
    position: relative;
}

#main-content .mod-top-row:nth-child(-n + 3) {
    padding-left: 72px;
}

.fa-custom-mod-top-avatar {
    display: block;
    padding: 2px;
    border: 1px #333 solid;
    position: absolute;
    left: 40px;
}

.fa-custom-mod-top-avatar img {
    width: 32px;
    height: 32px;
}

.mod-top-row:nth-child(-n + 3) .fa-custom-mod-top-avatar {
    left: 20px;
}

.mod-top-row:nth-child(-n + 3) .fa-custom-mod-top-avatar img {
    width: 38px;
    height: 38px;
}

o/


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3107
Pontos Ativos : 6412

http://ajuda.forumeiros.com

Resolvido Re: Widget top postadores

Mensagem por IsmaelS. em Sex 17 Mar 2017 - 18:22

Sem efeito.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5480

http://master-publicitario.forumeiros.com/

Resolvido Re: Widget top postadores

Mensagem por Kyo Panda em Sex 17 Mar 2017 - 18:52

Aqui aparece: Pensativo



Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3107
Pontos Ativos : 6412

http://ajuda.forumeiros.com

Resolvido Re: Widget top postadores

Mensagem por while em Sex 17 Mar 2017 - 18:59

Sugiro que limpe seu cache e seus cookies, a mim também aparece o efeito.

Até mais.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4863

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Widget top postadores

Mensagem por IsmaelS. em Sex 17 Mar 2017 - 20:24

Desculpem não tinha reparado, mas sim está resolvido e obrigado.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5480

http://master-publicitario.forumeiros.com/

Resolvido Re: Widget top postadores

Mensagem por while em Sex 17 Mar 2017 - 20:25

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4863

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

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