Widgets membro do mês

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

Resolvido Widgets membro do mês

Mensagem por [GTa]._Sub-Zero em 04/04/14, 01:58 pm

Qual é minha questão:
Como faço pra colocar esse Widget no meu forum

já tentei vários códigos mais não funciona

alguém poderia ajudar ?



Endereço do meu fórum:
http://sa-mpbrasilmata-mata.forumeiros.com

Versão do fórum:
PUNBB


Última edição por [GTa]._Sub-Zero em 05/04/14, 11:12 pm, editado 1 vez(es)
avatar

[GTa]._Sub-Zero
Nível 6

Masculino
Inscrito dia : 02/04/2014
Mensagens : 60
Pontos Ativos : 105

Ver perfil do usuário http://sa-mpbrasilmata-mata.forumeiros.com

Resolvido Re: Widgets membro do mês

Mensagem por Hancki em 04/04/14, 03:08 pm

avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Widgets membro do mês

Mensagem por DaLoard em 04/04/14, 04:00 pm

Ola,
Cie um widget personalizado com o seguinte código:
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>

Se resultar agradeça e repute.
Até Mais...

DaLoard
Nível 2

Masculino
Inscrito dia : 04/04/2014
Mensagens : 14
Pontos Ativos : 19

Ver perfil do usuário http://mundodosforuns.forum-pro.net/

Resolvido Re: Widgets membro do mês

Mensagem por [GTa]._Sub-Zero em 04/04/14, 04:02 pm


Ola fiz Tudo Conforme o Tutorial Mais Não Funcionou

Poderia Ajudar ?

@edit
agora está funcionando mais não ta aparecendo o avatar
avatar

[GTa]._Sub-Zero
Nível 6

Masculino
Inscrito dia : 02/04/2014
Mensagens : 60
Pontos Ativos : 105

Ver perfil do usuário http://sa-mpbrasilmata-mata.forumeiros.com

Resolvido Re: Widgets membro do mês

Mensagem por Hancki em 04/04/14, 04:08 pm

Nem a reputação, certo?
Me mande o código que está a usar para eu fazer a correção!
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Widgets membro do mês

Mensagem por [GTa]._Sub-Zero em 04/04/14, 04:10 pm

@Hancki escreveu:Nem a reputação, certo?
Me mande o código que está a usar para eu fazer a correção!

Está funcionando só não aparece o avatar do membro

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>
avatar

[GTa]._Sub-Zero
Nível 6

Masculino
Inscrito dia : 02/04/2014
Mensagens : 60
Pontos Ativos : 105

Ver perfil do usuário http://sa-mpbrasilmata-mata.forumeiros.com

Resolvido Re: Widgets membro do mês

Mensagem por [GTa]._Sub-Zero em 04/04/14, 04:43 pm

@Hancki escreveu:Nem a reputação, certo?
Me mande o código que está a usar para eu fazer a correção!

está tudo funcionando só o avatar que não aparece

Já tentei colocar avatares menores mais ainda não funcionou
avatar

[GTa]._Sub-Zero
Nível 6

Masculino
Inscrito dia : 02/04/2014
Mensagens : 60
Pontos Ativos : 105

Ver perfil do usuário http://sa-mpbrasilmata-mata.forumeiros.com

Resolvido Re: Widgets membro do mês

Mensagem por Sennior em 05/04/14, 01:58 am

Saudações! Muito feliz

Tente colocando este código em um Widget de teu fórum:
Código:
<center>
    <span style="color: rgb(0, 114, 255); font-size: 13px;"><img src="http://i46.servimg.com/u/f46/12/16/42/40/trophy10.gif" /> <strong>Destaque do Fórum</strong></span><br />
   <div id="id">
   </div><br />
   <div id="avat">
      <center>
         Carregando avatar...
      </center>
   </div><span style="font-size: 13px;"><dl class="spoiler"><dt style="cursor: pointer;"></dt></dl></span>
   <center style="">
      <div name="spoiler">
         <img style="height: 15px;" src="http://i42.servimg.com/u/f42/17/32/13/00/downcr11.png" /><span style="color: rgb(0, 114, 255); font-size: 13px;"><strong>Muito Obrigado</strong><img style="height: 15px;" src="http://i42.servimg.com/u/f42/17/32/13/00/downcr11.png" /></span>
      </div>
   </center><span style="font-size: 13px;"><dl class="spoiler"><dt style="cursor: pointer;"></dt><dd></dd></dl></span>
   <div style="" class="spoiler_content"><sp>Parabens para o Membro do mês, pela sua ótima competencia em nosso fórum, um agradecimento dos Usuários e de toda a equipe a você !! Muito Obrigado !!</sp>
   </div><span style="font-size: 13px;"><dl class="spoiler"><dd></dd></dl></span><span class="corners-bottom"><span></span></span>
</center><script>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;"] img:eq(0)',b).html())})</script>

Abraços.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Widgets membro do mês

Mensagem por [GTa]._Sub-Zero em 05/04/14, 11:30 am

@Sennior escreveu:Saudações! Muito feliz

Tente colocando este código em um Widget de teu fórum:
Código:
<center>
    <span style="color: rgb(0, 114, 255); font-size: 13px;"><img src="http://i46.servimg.com/u/f46/12/16/42/40/trophy10.gif" /> <strong>Destaque do Fórum</strong></span><br />
   <div id="id">
   </div><br />
   <div id="avat">
      <center>
         Carregando avatar...
      </center>
   </div><span style="font-size: 13px;"><dl class="spoiler"><dt style="cursor: pointer;"></dt></dl></span>
   <center style="">
      <div name="spoiler">
         <img style="height: 15px;" src="http://i42.servimg.com/u/f42/17/32/13/00/downcr11.png" /><span style="color: rgb(0, 114, 255); font-size: 13px;"><strong>Muito Obrigado</strong><img style="height: 15px;" src="http://i42.servimg.com/u/f42/17/32/13/00/downcr11.png" /></span>
      </div>
   </center><span style="font-size: 13px;"><dl class="spoiler"><dt style="cursor: pointer;"></dt><dd></dd></dl></span>
   <div style="" class="spoiler_content"><sp>Parabens para o Membro do mês, pela sua ótima competencia em nosso fórum, um agradecimento dos Usuários e de toda a equipe a você !! Muito Obrigado !!</sp>
   </div><span style="font-size: 13px;"><dl class="spoiler"><dd></dd></dl></span><span class="corners-bottom"><span></span></span>
</center><script>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;"] img:eq(0)',b).html())})</script>

Abraços.

Ola
Ainda Não Funcionou ,esse código não aparece nem o nick nem a imagem do membro
avatar

[GTa]._Sub-Zero
Nível 6

Masculino
Inscrito dia : 02/04/2014
Mensagens : 60
Pontos Ativos : 105

Ver perfil do usuário http://sa-mpbrasilmata-mata.forumeiros.com

Resolvido Re: Widgets membro do mês

Mensagem por [GTa]._Sub-Zero em 05/04/14, 11:38 am

Ola
eu Achei esse código ele está funcionando mais não aparece a reputação nem o total de post do membro ,igual a imagem abaixo



código que eu uso

Código:
<script>
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('#profile-advanced-right .main-head .h3:eq(0)',b).html());
jQuery('#avat').html(jQuery('#profile-advanced-right .main-content.clearfix.center:eq(0)',b).html());
jQuery('#post-membro').html(jQuery('#field_id-13',b).html()
);
jQuery('#reg-membro').html(jQuery('#field_id-4',b).html());
jQuery('#reput').html(jQuery('#field_id-14',b).html())})});
</script>
<center>
    <br />
   <div id="id">
      
   </div>
   
   <div id="avat">
      
      <center>
          Carregando avatar...
      </center>
      
   </div><br /><span><br /><br /></span>
   <div style="" class="msg-membro">
       Parabens para o Membro do més, pela sua ótima competencia em nosso fórum, um agradecimento dos Usuários e de toda a equipe a você !!Muito Obrigado !!
   </div><span></span>
</center><style>
.msg-membro {
text-align: center;
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);
}
#id em {display: none;}
#post-membro, #reg-membro {display: inline-block;}
#reput dt, #post-membro dt, #reg-membro dt {display: none;}
</style>
avatar

[GTa]._Sub-Zero
Nível 6

Masculino
Inscrito dia : 02/04/2014
Mensagens : 60
Pontos Ativos : 105

Ver perfil do usuário http://sa-mpbrasilmata-mata.forumeiros.com

Resolvido Re: Widgets membro do mês

Mensagem por Shek em 05/04/14, 09:28 pm



Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17152
Pontos Ativos : 21412

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Widgets membro do mês

Mensagem por [GTa]._Sub-Zero em 05/04/14, 11:10 pm


Olá,
Nenhum Funcionou ,Obrigado mesmo assim

pode fechar o tópico vou ficar com o meu mesmo ,quem sabe mais pra frente aparece outro tutorial
avatar

[GTa]._Sub-Zero
Nível 6

Masculino
Inscrito dia : 02/04/2014
Mensagens : 60
Pontos Ativos : 105

Ver perfil do usuário http://sa-mpbrasilmata-mata.forumeiros.com

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