Widget Membro do mês

2 participantes

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

Tópico resolvido Widget Membro do mês

Mensagem por TappedOut 01.06.14 17:34

  • Descrição:
Queria um widget iigual á este de Membro do mês:
https://i.imgur.com/FVlAQzs.png
Encontrado em: http://www.brasilplayvicio.com/forum

  • Informações:
Fórum:http://brasilplayvicio-futu.forumeiros.com/Versão:PUNBB
Tipo:Pedido de códigoTags:Widget,Membro



Última edição por PerdaTotal em 01.06.14 23:07, editado 1 vez(es)
TappedOut

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Widget Membro do mês

Mensagem por Konai 01.06.14 21:23

Saudações autor!

1º - Passo:

O primeiro código que utilizaremos será este:
Código:
<script>
jQuery(document).ready(function(){
    /* Gets the information saved in local storage (Fastest!)*/
    var highlight_the_week = sessionStorage.getItem('highlight_the_week');

    /* If informations alread saved, then no request member profile! */
    if(highlight_the_week) {
       jQuery('#highlight_the_week').html(highlight_the_week);
    } else {
        /* if not, then only request per session!!! */
        jQuery('#link').html(jQuery('.module table[summary="Os membros mais ativos da semana"] tr:eq(0) a:eq(0)').html());
        jQuery.get(jQuery('.module table[summary="Os membros mais ativos da semana"] tr:eq(0) a:eq(0)').attr('href'),function(b){
            var nome = jQuery(b).find('#profile-advanced-right .module .main-head .h3:eq(0) strong').text();
            jQuery('a.m-content').attr('href','/st/'+nome+'');
            jQuery('#avat').html(jQuery('#profile-advanced-right .module div[style="text-align:center;"]',b).html());
            jQuery('#post-membro').html(jQuery('#field_id-6 dd',b).html());
            jQuery('#reg-membro').html(jQuery('#field_id-4 dd',b).html());
            jQuery('#reput').html(jQuery('#field_id-14 dd',b).html());
            //Saves the html information in local storage
            sessionStorage.setItem('highlight_the_week', jQuery('#highlight_the_week').html());
        });
    }
});
</script>
<div id="highlight_the_week">
    
   <center>
       <br />
      <div id="link">
      </div>
      
      <div id="avat">
         <center>
            Carregando avatar...
         </center>
      </div>
      
      <div id="reput">
      </div>
       <br /> <a class="m-content" href="#"><img src="http://i.imgur.com/OTcLyEw.png" /></a> <br /><br /> <span>Posts:</span>
      <div id="post-membro">
      </div>
       <br /> <span>Membro desde:</span>
      <div id="reg-membro">
      </div><br /> <br />
      <div style="text-align: left;">
         Mensagem para o membro:
      </div>
      
      <div class="msg-membro">
         É uma honra ter você conosco, e você é a prova de que todo o esforço tem resultado. Parabéns pelo seu trabalho.
      </div>
      
   </center>
</div><style>
    .msg-membro {
        text-align: left;
        background: #fff;
        border: 1px solid #e0e0e0;
        padding: 9px;
    }
    #avat img {
        max-width: 150px !important;
        padding: 1px;
        border: 1px solid #d5d5d5;
        background: #fff;
        -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
        box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    }
    #reput {
        margin: 5px auto;
        min-width: 80px;
        color: #fff;
        background: #649b16;
        font-weight: bold;
        padding: 3px 8px;
        display: inline-block;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }
.m-content {
background: url(http://i74.servimg.com/u/f74/18/08/53/97/highli11.png) repeat-x scroll 0 0 #ECECEC;
border: 1px solid #DBDBDB;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 0 #FFF inset, 0 1px 0 rgba(0,0,0,0.3);
color: #616161;
display: inline-block;
font-size: 12px;
height: 22px;
line-height: 22px;
padding: 4px 10px 0px 10px;
transition: all .2s ease-in-out 0;
white-space: nowrap;
}
    #post-membro, #reg-membro {display: inline-block;}
</style>

Adicione-o em: Painel de Controle >> Módulos >> Portal e Widgets >> Gestão dos widgets do fórum >> Criar um widget personalizado

2º - Passo:

O segundo código que utilizaremos é este:
Código:
jQuery(document).ready(function(){jQuery.get(jQuery('.module table[summary="Os membros mais ativos do mês"] td[width="30%"] a:eq(0)').attr('href'),function(b){jQuery('#id').html(jQuery('.module table[summary="Os membros mais ativos do mês"] td[width="30%"] a:eq(0)').text());jQuery('#avat').html(jQuery('#profile-advanced-right .module div[style="text-align:center;"]',b).html())})});

Adicione-o em: Painel de Controle >> Módulos >> HTML & JAVASCRIPT >> Gestão dos Códigos JavaScript >> Criar um novo JavaScript
Título: Escolha o título que quiser;
Investimento: Em todas as páginas.
Hakuouki Piscada
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget Membro do mês

Mensagem por TappedOut 01.06.14 23:06

Grato, Hakuouki.
#Resolvido
TappedOut

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

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


Permissões neste sub-fórum
Não podes responder a tópicos