Widget "Membro do mês"

Detalhes da questão

Endereço do fórum: bplrpg.forumeiros.com
Versão do fórum: PunBB

Descrição

iae pessoal, bom queria colocar em um widget o perfil do usuário mais ativo do mês, e que fique o mês todo assim, até ser mudado para o que ficar mais ativo do mês que vem, como este aqui

http://prntscr.com/cwjccs

Olá,

Leia:
https://ajuda.forumeiros.com/t73322-tutorial-widget-membro-do-mes

Caso queira exatamente igual ao da imagem, favor mandar o link do fórum.
Até mais!

Cream escreveu:Olá,

Leia:
https://ajuda.forumeiros.com/t73322-tutorial-widget-membro-do-mes

Caso queira exatamente igual ao da imagem, favor mandar o link do fórum.
Até mais!

Link do fórum da imagem: http://www.bslrpg.com/forum/

Olá,

Este é o código e deve ser adicionado em um widget:

Código:

<div class="ipsSideBlock clearfix __xXmembro20do20meas">
   <h3 id="anonymous_element_1"><a href="#" class="ipsSidebar_trigger ipsType_smaller right desc mod_links">...</a>Membro do Mês</h3>
   <div class="_sbcollapsable">
      <ul class="ipsList_withminiphoto">
      <li class="clearfix">
         <div align="center">
<span style="color:DodgerBlue;text-shadow:#1E90FF 1px 1px 10px;"><span style="background-image:url(); color:cor;">CaseyOriginal</span>
         </span></div>
<div align="center">
<a href="http://www.bslrpg.com/forum/index.php?/user/1005-caseyoriginal/" title="Visualizar Perfil"><img src="http://www.bslrpg.com/forum/uploads/profile/photo-1005.png?_r=1474957778" alt="CaseyOriginal- foto" class="ipsUserPhoto ipsUserPhoto_variable"></a>

<br>
      
         <p class="desc member_title">The Original</p>
      
          
            <img src="http://i.imgur.com/SMY0E2B.png" alt="">
         
<br>

                                                                                                                           
        <span class="reputation positive" style="margin:5px auto;min-width:80px;">118</span>
                                                                                                                               
                                                                                                                               
                                                                                                                               
<br>
      <a href="http://www.bslrpg.com/forum/index.php?app=core&amp;module=search&amp;do=user_activity&amp;mid=1005" title="Meu Conteúdo" class="ipsButton_secondary ipsType_smaller"><img src="http://www.bslrpg.com/forum/public/style_images/just22/page_topic_magnify.png"></a>
      
         
<br><br>
294 posts
<br>
Membro desde: 24-abril 16
</div>
      </li>
</ul>
<br>
Mensagem para o membro:
<div class="ipsBox_container ipsPad"><p></p><p class="bbc_center"><span style="color: #000000"><span style="font-size: 14px"><span style="font-family: arial">Parabéns pelo seu trabalho você é o membro da semana, continue assim ajudando a comunidade a crescer cada vez mais e principalmente se divertindo que colherá bons frutos aqui. </span></span></span></p><p></p><p>&nbsp;</p><p></p><p>&nbsp;</p><p></p><p class="bbc_center"><strong class="bbc"><span style="color: #000000"><span style="font-size: 14px"><span style="font-family: arial">Atenciosamente,</span></span></span></strong></p><p class="bbc_center"><strong class="bbc"><span style="color: #000000"><span style="font-size: 14px"><span style="font-family: arial">Administração Brasil </span></span></span><span style="color: #ff0000"><span style="font-size: 14px"><span style="font-family: arial">Start </span></span></span><span style="color: #000000"><span style="font-size: 14px"><span style="font-family: arial">Life.</span></span></span></strong></p><p></p></div>
   </div>
</div>

Lembrando que a edição dos membros do mês é manual. Adicione também na sua folha de estilos CSS:

Código:

.ipsSideBlock, .general_box {
    background: #fff;
    border: 1px solid #d8d8d8;
    margin-bottom: 10px;
}
.sideVerticalList, #index_stats .ipsList_withminiphoto {
    margin: -10px;
}
#index_stats .ipsList_withminiphoto img {
    margin-bottom: -3px;
}
.desc, .desc.blend_links a, p.posted_info {
    font-size: 11px;
    color: #777;
}
.reputation.positive, .members li.positive {
    background: #8db13e url('http://www.bslrpg.com/forum/public/style_images/just22/highlight_faint.png') repeat-x 0 1px;
}
.reputation {
    font-weight: bold;
    padding: 3px 8px;
    display: inline-block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
}
.reputation.positive, .reputation.negative {
    color: #fff;
}
.ipsButton_secondary, .bbc_spoiler_show, .user_controls li a {
    height: 24px;
    line-height: 24px;
    font-size: 11px;
    padding: 0 10px;
    background: #ececec url('http://www.bslrpg.com/forum/public/style_images/just22/highlight_strong.png') repeat-x 0 0;
    border: 1px solid #d0d0d0;
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #616161;
    text-shadow: #fff 0px 1px 0px;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
}
.ipsType_smaller, .ipsType_smaller a {
    font-size: 11px !important;
}
.border, .statistics, .post_block, .ipsComment, .popupInner, .no_messages, .poll_question ol, .ipsBox_container, .ipsFloatingAction, .column_view .post_body {
    background: #fdfdfd;
}
.ipsBox, .ipsPad {
    padding: 9px;
}
.ipsBox_container {
    border: 1px solid #dcdcdc;
}
span.bbc_center, div.bbc_center, p.bbc_center {
    text-align: center;
    display: block;
}

Até mais!

Obrigado, só vai precisar de ums ajustes