Detalhes da questão

Descrição

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><dl class="spoiler"><dt style="cursor: pointer;"></dt></dl>
   <center>
      <div name="spoiler">
         <span style="color: rgb(0, 114, 255); font-size: 13px;"><strong>Obrigado pela colaboração!</strong></span>
      </div>
   </center><dl class="spoiler"><dt style="cursor: pointer;"></dt></dl>
</center>

Kyo Panda escreveu:O código que passou não está completo:
https://ajuda.forumeiros.com/t90443-personalizar-widget-membro-do-mes#614316

Sugiro que tente reaplicar o código.

Kyo Panda escreveu:Vi que colocou o código como um Javascript personalizado. O código passado deve ser colocado dentro de um Widget personalizado. Poderia remover ele dos Javascript e criar um Widget personalizado?

Kyo Panda escreveu:Poderia nos passar o código sendo utilizado? Aparentemente ele não é compatível com o ModernBB.

Atenção! Você não pode fazer UPs antes de se completar 24 horas desde a última mensagem deste tópico! Por este motivo, nós pedimos que você leia as regras do subfórum e principalmente os termos de uso do FdF: https://ajuda.forumeiros.com/t82-topic para não cometer novos erros!

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 href="#" class="m-content"><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>

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!!! */
      
      var jlink = jQuery('.module .h3:contains("Os membros mais ativos da semana") + .mod-top a:first');
      var href = jlink.attr('href');
        jQuery('#link').html(jlink.html());
        jQuery.get(href, function(b){
            jQuery('a.m-content').attr('href',href);
            jQuery('#avat').html(jQuery('.mod-login-avatar',b).prop('outerHTML'));
            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 href="#" class="m-content"><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>

Kyo Panda escreveu:Troque por esse:

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!!! */
      
      var jlink = jQuery('.module .h3:contains("Os membros mais ativos da semana") + .mod-top a:first');
      var href = jlink.attr('href');
        jQuery('#link').html(jlink.html());
        jQuery.get(href, function(b){
            jQuery('a.m-content').attr('href',href);
            jQuery('#avat').html(jQuery('.mod-login-avatar',b).prop('outerHTML'));
            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 href="#" class="m-content"><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>

O senhor terá que fechar as abas do seu navegador para o widget atualizar.

Código:

var jlink = jQuery('.module .h3:contains("Os membros mais ativos da semana") + .mod-top a:first');

Código:

var jlink = jQuery('.module .h3:contains("Os membros mais ativos da mês") + .mod-top a:first');

Kyo Panda escreveu:Da semana. Se quiser colocar o do mês, ative o Widget Membros mais ativos do mês e troque essa linha do script:

Código:

var jlink = jQuery('.module .h3:contains("Os membros mais ativos da semana") + .mod-top a:first');

Por essa:

Código:

var jlink = jQuery('.module .h3:contains("Os membros mais ativos da mês") + .mod-top a:first');

Código:

var jlink = jQuery('.module .h3:contains("Os membros mais ativos do mês") + .mod-top a:first');

Kyo Panda escreveu:Erro meu:

Código:

var jlink = jQuery('.module .h3:contains("Os membros mais ativos do mês") + .mod-top a:first');

Escrevi "da mês" em vez de "do mês".