Alinhar informações do fórum

[DaviMorais]

Detalhes da questão

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

Descrição

Olá,
Gostaria de alinhar essas informações do fórum:

https://prnt.sc/wmmu58

[tikky]

Olá @DaviMorais,

Adicione na sua folha de estilo o seguinte código:

Código:

.stat-card {
    margin-right: 1.25rem !important;
}

Atenciosamente,
pedxz.

[DaviMorais]

Olá, consegue deixar ele reto com as outras coisas
como mostra no print

https://prnt.sc/wmnz1i

a linha vermelha é até onde gostaria que ficasse

outro print: https://prnt.sc/wmo1oc

[tikky]

Para isso vou precisar do "index_body" (template), por favor!

[DaviMorais]

Olá, aqui está

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}

<!-- BEGIN disable_viewonline -->
   <div class="block">
             <div class="stats-tabs">
                <div class="legend">{GROUP_LEGEND}</div>

             </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 -->
                   
<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-child"></i>
  {NEWEST_USER}
</div>

{AUTO_DST}

[tikky]

Altere para:

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}

<!-- BEGIN disable_viewonline -->
   <div class="block">
             <div class="stats-tabs">
                <div class="legend">{GROUP_LEGEND}</div>

             </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 -->
                   
<div style="display: flex;justify-content: space-between;">
<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-child"></i>
  {NEWEST_USER}
</div>
</div>
{AUTO_DST}

e altere:

Código:

        .stat-card {
            margin-right: 1.25rem !important;
        }

para

Código:

        .stat-card {
            margin-right: 0 !important;
        }

[DaviMorais]

Olá, deu certo já!
obrigado!

[tikky]

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