Alinhar informações do fórum

2 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Alinhar informações do fórum

Mensagem por DaviMorais 13.01.21 14:12

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
DaviMorais

DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Alinhar informações do fórum

Mensagem por tikky 13.01.21 14:51

Olá @DaviMorais,

Adicione na sua folha de estilo o seguinte código:
Código:
.stat-card {
    margin-right: 1.25rem !important;
}


Atenciosamente,
pedxz.
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhar informações do fórum

Mensagem por DaviMorais 13.01.21 14:57

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
DaviMorais

DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Alinhar informações do fórum

Mensagem por tikky 13.01.21 14:59

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

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhar informações do fórum

Mensagem por DaviMorais 13.01.21 15:01

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

DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Alinhar informações do fórum

Mensagem por tikky 13.01.21 15:05

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;
        }
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhar informações do fórum

Mensagem por DaviMorais 13.01.21 15:10

Olá, deu certo já!
obrigado! Muito feliz
DaviMorais

DaviMorais
***

Membro desde : 03/08/2020
Mensagens : 180
Pontos : 231

http://fnhabbo.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Alinhar informações do fórum

Mensagem por tikky 13.01.21 15:15

Tópico resolvido


Movido para "Questões resolvidas".
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos