Estatísticas do fórum em quadrados individuais

Detalhes da questão

Endereço do fórum: http://fnhabbo.forumeiros.com
Versão do fórum: phpBB3

Descrição

Olá, queria um desse aqui
https://prnt.sc/wgzxi2

fórum que vi:   https://temastnteste.forumeiros.com/forum

Olá, me passe sua "INDEX_BODY", por gentileza.

Olá

Código:

{JAVASCRIPT}

<!-- 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}

<!-- BEGIN disable_viewonline -->
 <div class="block">
 <div class="h3"><i class="ion-stats-bars"></i>{L_WHO_IS_ONLINE}</div>

 {TOTAL_USERS_ONLINE}<br />
 {RECORD_USERS}<br />

 {LOGGED_IN_USER_LIST}<br />

 {L_ONLINE_USERS}
 {L_CONNECTED_MEMBERS}<br />

 {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
          
 <br />
 <div class="legend">{GROUP_LEGEND}</div>
 </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}

{AUTO_DST}

Substitua seu código por este;

Código:

{JAVASCRIPT}
 
<!-- 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}
 
<!-- BEGIN disable_viewonline -->
 <div class="block">
 <div class="h3"><i class="ion-stats-bars"></i>{L_WHO_IS_ONLINE}</div>
 
 {TOTAL_USERS_ONLINE}<br />
 {RECORD_USERS}<br />
 
 {LOGGED_IN_USER_LIST}<br />
 
 {L_ONLINE_USERS}
 {L_CONNECTED_MEMBERS}<br />
 
 {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
         
 <br />
 <div class="legend">{GROUP_LEGEND}</div>
 </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}
 
{AUTO_DST}

<div class="stat-card">
  <title-stat>Mensagens enviadas</title-stat>
    <i class="fas fa-comments"></i>{TOTAL_POSTS}
  </div>
<div class="stat-card">
  <title-stat>Militares registrados</title-stat>
 
      <i class="fas fa-users"></i>
{TOTAL_USERS}
</div>
<div class="stat-card">
  <title-stat>Recorde de militares online</title-stat>
  <i class="fas fa-user-clock"></i>
  {RECORD_USERS}
</div>
<div class="stat-card">
  <title-stat>Novo Militar</title-stat>
<i class="fas fa-user-plus"></i>
{NEWEST_USER}
</div>

E logo após insira o seguinte código em sua CSS;

Código:

.stat-card {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    color: #444;
    font-size: 0;
    float: left;
    height: 75px;
    padding: 15px;
    width: 23%;
    margin-right: 34px;
    text-align: right;
}
 
.stat-card:last-child { margin-right: 0; }
 
.stat-card title-stat {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
 
.stat-card strong {
    font-size: 25px;
    font-weight: 900;
    letter-spacing: -1px;
    color: #dcbe0b;
}
 
.stat-card i {
    float: left;
    font-size: 40px;
    color: #dcbe0b;
    margin-top: -13px;
    margin-bottom: -30px;
}

Como não foi especificado a cor que o senhor gostaria, eu coloquei algumas cores nas informações, caso o senhor não sinta-se confortável com essas cores basta alterar ou eu mesmo altero, basta me dizer a cor.

Até mais

Olá, consegui deixar centralizado, mas só quero o de cima, como tiro o de baixo?

print: https://prnt.sc/whjq1g

Olá @DaviMorais,

como tiro o de baixo?

Vá aos Templates > Geral e edite ( ) o "overall_footer_begin", encontre e remova isto:

Código:

<div class="statistics">
 <div class="wrap">
 <div class="statistics-item">
 {TOTAL_POSTS}
 </div>
 <div class="statistics-item">
 {TOTAL_USERS}
 </div>
 <div class="statistics-item">
 {NEWEST_USER}
 </div>
 </div>
</div>

Cordialmente,
pedxz.

Olá,
essa parte aqui não sai?
https://prnt.sc/whoa19

Essa parte não pode ser retirada, somente com a utilização de créditos.

Não tem como deixar de baixo do fim do footer?
Desse jeito aqui: https://prnt.sc/whof0h

fórum que vi: https://temastnteste.forumeiros.com/

DaviMorais escreveu:Olá,
essa parte aqui não sai?
https://prnt.sc/whoa19

luquinhasda10 escreveu:Essa parte não pode ser retirada, somente com a utilização de créditos.

A remoção do copyright de Forumeiros - através dos créditos - só remove dois links não essenciais, eles são: o do fórum de suporte e outro de criar um fórum gratuito. O resto é impossível remover, pois é necessário para fins legais.

DaviMorais escreveu:Não tem como deixar de baixo do fim do footer?
Desse jeito aqui: https://prnt.sc/whof0h

fórum que vi: https://temastnteste.forumeiros.com/

Como só é permitida uma questão por tópico, e o senhor já tomou a liberdade de criar outra questão darei esta como resolvida.

Tópico resolvido Movido para "Questões resolvidas".