Como modificar o final do fórum

Detalhes da questão

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

Descrição

Queria deixar o meu fórum assim no final:

Olá, icaro.

Altere seu index_body para esse:

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">
                  
                  <input id="tab1" type="radio" name="tabs" checked>
                  <label for="tab1">USUÁRIOS</label>
                
                  <input id="tab2" type="radio" name="tabs">
                  <label for="tab2">ANIVERSÁRIOS</label>
                
                  <input id="tab3" type="radio" name="tabs">
                  <label for="tab3">GRUPOS</label>
                
                  <section id="content1">
                    <p>
                      {TOTAL_USERS_ONLINE}
                    </p>
                    <p>
                      {RECORD_USERS}
                    </p>
                    <p>
                      {LOGGED_IN_USER_LIST}
                    </p>
                    <p>
                      {L_CONNECTED_MEMBERS}
                    </p>
                  </section>
                
                  <section id="content2">
                    <p>
      {L_WHOSBIRTHDAY_TODAY}
                    </p>
                    <p>
                      {L_WHOSBIRTHDAY_WEEK}
                    </p>
                  </section>
                
                  <section id="content3">
                    <p>
                      <div class="legend">{GROUP_LEGEND}</div>
                    </p>
                  </section>  
           </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}

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


                           Visualização > Imagens e Cores > Cores > Folha de estilo CSS

Adicione isso no seu CSS:

Código:

/*** ESTATÍSTICAS
======================================= ***/

.block { background-color: #fff; }

.block a:link,
.block a:visited {
    color: #444;
}

.block .h3 {
    font-size: 20px;
    border: none;
}

.block .h3 i {
    height: 28px;
    line-height: 30px;
    margin-right: 10px;
    color: #39c;
}

.stats-tabs br { display: none; }

.stats-tabs section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #abc;
}

.stats-tabs input { display: none; }

.stats-tabs label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #abc;
  border: 1px solid transparent;
}

.stats-tabs label:before {
  font-family: "Font Awesome 5 Free";
  margin-right: 10px;
}

.stats-tabs label[for*='1']:before { content: '\f0c0'; }
.stats-tabs label[for*='2']:before { content: '\f1fd'; }
.stats-tabs label[for*='3']:before { content: '\f187'; }

.stats-tabs label:hover {
  color: #157b96;
  cursor: pointer;
}

.stats-tabs input:checked + label {
  color: #0990b5;
  border: 1px solid #abc;
  border-top: 2px solid #0990b5;
  border-bottom: 1px solid #fff;
}

.stats-tabs #tab1:checked ~ #content1,
.stats-tabs #tab2:checked ~ #content2,
.stats-tabs #tab3:checked ~ #content3 { display: block; }

@media screen and (max-width: 800px) {
  .stats-tabs label {
    font-size: 0;
  }
  .stats-tabs label:before {
    margin: 0;
    font-size: 18px;
  }
}

@media screen and (max-width: 500px) {
  .stats-tabs label {
    padding: 15px;
  }
}

.block .legend { font-size: 0px; }

.block .legend b a {
    font-size: 13px;
    font-weight: 600;
}

.block .legend b a::after {
    content: ", ";
    font-weight: 400;
    color: #000;
}

.block .legend b:last-child a::after { content: ""; }


Veja se deu certo

                                                                               Att, Kustan.

Funcionou, obrigado Kustan.