Avatar no último membro cadastrado nas estatísticas do fórum

[Bruno_Michael]

Detalhes da questão

Endereço do fórum: https://famosogolpe.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Queria implementar o avatar do último membro cadastrado e a data de cadastro dele.

Meu index_body está assim atualmente.

Código:

<div class="block">
          
 <div class="block-footer">ESTATÍSTICAS GERAIS</div><br /><br />
  
              <div class="statistics">
                    <div class="wrap">
                            <div class="statistics-item statistics-item-total-posts">
                                   <br /> {TOTAL_POSTS}
                            </div>
                            <div class="statistics-item divisao statistics-item-total-users">
                                   <br /> {TOTAL_USERS}
                            </div>
                            <div class="statistics-item divisao statistics-item-total-record">
                                   <br /> {RECORD_USERS}
                            </div>
                          <div class="statistics-item divisao statistics-item-total-new">
                                   <br /> {NEWEST_USER}
                            </div>
                    </div>
            </div>
                  

</div>

Queria coloca mais ou menos assim:  
        AVATAR MEMBRO MAIS NOVO User
        AVATAR Cadastrou-se em 30/10/2019 02:22



https://prnt.sc/pq3jop

[RafaelS.]

Olá autor!

Fórum em manutenção Para que possamos dar continuidade, o seu fórum não pode estar em manutenção. Seu tópico ficará pendente até você retirar o modo de manutenção. Caso não seja retirado nos próximos dois dias, este será movido para lixeira. Tópico pendente.

[Bruno_Michael]

Ok, não percebi já retirei o mesmo de manutenção.

Caso precise de um usuário para teste passei por MP.

[Convidado]

Olá,
Não se importa de colocar um título mais esclarecedor na sua questão? E nos passar o template completo?

Fico no aguardo.

[Bruno_Michael]

Template solicitado e titulo corrigido ocorreu algo que cortou.

Fica nas estatísticas do fórum.

Código:

{JAVASCRIPT}

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
   <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="user_login_form center">
         <input placeholder="{L_USERNAME}" class="inputbox fl_username" type="text" size="10" name="username" />
         <input placeholder="{L_PASSWORD}" class="inputbox fl_password" type="password" size="10" name="password" />
         <br />
         <label>{L_AUTO_LOGIN}: <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
         {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_social_login -->
            <div class="social_btn">
                <!-- BEGIN fb_connect -->
                <div class="fb-login-button"></div>
                <!-- END fb_connect -->
                <!-- BEGIN topicit_connect -->
                <div class="ti-connect"></div>
                <!-- END topicit_connect -->
            </div>
            <!-- END switch_social_login -->
      </div>
   </form>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
   <div class="panel introduction">
      <!-- BEGIN message_admin_titre -->
         <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
      <!-- END message_admin_titre -->

      <!-- BEGIN message_admin_txt -->
         <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
      <!-- END message_admin_txt -->
   </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}

{BOARD_INDEX}
<div class="block">
         
   <div class="block-footer">ESTATÍSTICAS GERAIS</div><br /><br />
 
              <div class="statistics">
                    <div class="wrap">
                            <div class="statistics-item statistics-item-total-posts">
                                  <br /> {TOTAL_POSTS}
                            </div>
                            <div class="statistics-item divisao statistics-item-total-users">
                                  <br /> {TOTAL_USERS}
                            </div>
                            <div class="statistics-item divisao statistics-item-total-record">
                                  <br /> {RECORD_USERS}
                            </div>
                             <div class="statistics-item divisao statistics-item-total-new">
                                  <br /> {NEWEST_USER}
                            </div>
                    </div>
            </div>
                 

</div>
<!-- BEGIN disable_viewonline -->
   <div class="block">
             <!-- BEGIN switch_viewonline_link -->
         <div class="block-footer"><a href="{U_VIEWONLINE}" rel="nofollow"  style="color: #fff;">{L_WHO_IS_ONLINE}</a></div>
          <!-- END switch_viewonline_link --><br />

      {LOGGED_IN_USER_LIST}

      {L_ONLINE_USERS}<br />

      <span id="legend"><p>{GROUP_LEGEND}</p></span></div>
   

   <!-- BEGIN switch_chatbox_activate -->
      <div class="block">
         <div class="h3">
            <a href="{S_JOIN_CHAT}" target="ChatBox"><i class="ion-ios-chatboxes-outline"></i>{CHATBOX_NAME}</a>
            <!-- BEGIN switch_chatbox_popup -->
               <div id="chatbox_popup"></div>
               <script type="text/javascript">
                  insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
               </script>
            <!-- END switch_chatbox_popup -->
         </div>
         {TOTAL_CHATTERS_ONLINE}:&nbsp;{CHATTERS_LIST}
      </div>
   <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
   <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="user_login_form center">
         <input placeholder="{L_USERNAME}" class="inputbox fl_username" type="text" size="10" name="username" />
         <input placeholder="{L_PASSWORD}" class="inputbox fl_password" type="password" size="10" name="password" />
         <br />
         <label>{L_AUTO_LOGIN}: <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
         {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
         <!-- BEGIN switch_social_login -->
            <div class="social_btn">
                <!-- BEGIN fb_connect -->
                <div class="fb-login-button"></div>
                <!-- END fb_connect -->
                <!-- BEGIN topicit_connect -->
                <div class="ti-connect"></div>
                <!-- END topicit_connect -->
            </div>
            <!-- END switch_social_login -->
      </div>
   </form>
</div>
<!-- END switch_user_login_form_footer -->


{AUTO_DST}

[RafaelS.]

Olá!

Crie um novo Javascript, com investimento em todas as páginas:

Código:

$(function() {
  var user = $('.statistics .wrap .statistics-item-total-new a');
$.ajax({
   url:user.attr("href"),
   type:'GET',
   success: function(data){
 var img = $(data).find('.mod-login-avatar').html();
        $(user).prepend(img);
   }
});
$('head').append('<style>.statistics-item.divisao.statistics-item-total-new a img { width: 40px;height: 40px;border-radius: 2pc;vertical-align: -12px;}');
});

Obs: Fazendo o código, percebi que ele é meio desnecessário. A imagem será quase sempre a mesma, pois último membro cadastrado recebe o avatar padrão automaticamente. Só será diferente se o último membro cadastrado, alterar ela logo após se cadastrar.

Mas está ai, pronto a usar.

Abraços.

[Bruno_Michael]

Obs: Fazendo o código, percebi que ele é meio desnecessário. A imagem será quase sempre a mesma, pois último membro cadastrado recebe o avatar padrão automaticamente. Só será diferente se o último membro cadastrado, alterar ela logo após se cadastrar.

Sim imaginei isso, estava tendo esse problema. Quando tentei fazer estava com o mesmo avatar mesmo a pessoa trocando.

Perfeito, agora pra completa falta só a data que o mesmo cadastrou. Acho que eu já vi aqui no fórum em algum lugar.

[RafaelS.]

Olá!

Troque o código acima, por este:

Código:

$(function() {
  var user = $('.statistics .wrap .statistics-item-total-new a');
$.ajax({
   url:user.attr("href"),
   type:'GET',
   success: function(data){
 var img = $(data).find('.mod-login-avatar').html();
 var date = $(data).find('#field_id-4 .field_uneditable').text();
        $(user).prepend(img);
 $('.statistics-item > strong').prepend(date+"<br />");
   }
});
$('head').append('<style>.statistics-item.divisao.statistics-item-total-new a img { width: 40px;height: 40px;border-radius: 2pc;vertical-align: -12px;}');
});

Até breve!

Tópico movido O tópico foi movido para o setor: Questões sobre códigos.

Nota: É importante que procure escolher a área certa para a sua questão afim de manter a organização do fórum.
Para mais informações, leia o Regulamento do Fórum dos Fóruns

[Bruno_Michael]

Obrigado, teve um problema pois a data se replicou para todos os item que tinha statistics-item. Fiz uma class a parte e funcionou valeu.

Obrigado pela ajuda pode finalizar.

[tikky]

Questão resolvida Esta questão foi dada como resolvida pelo seu autor, e por esse motivo será marcada como resolvida e movida para o arquivo de questões resolvidas desta área.