Correção de Estatísticas

Detalhes da questão

Endereço do fórum: https://www.narutorpgakatsuki.net/
Versão do fórum: phpBB3

Descrição

Estou tentando corrigir um bug que aparece nas Estatísticas do meu forum
deveria ficar assim
https://i.servimg.com/u/f39/15/18/89/47/captur12.png

mas ta ficando assim
https://i.servimg.com/u/f39/15/18/89/47/captur11.png

Template Index_Body

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

<div class="chatbox_top">{CHATBOX_TOP}</div>

<style>
.panel {
    border-top: 0px solid #212D38;
    padding: 20px 20px 0px 10px!important;
    background: url(https://i.servimg.com/u/f62/19/57/50/94/2112210.png);
    position: relative;
    box-shadow: 0px 2px 10px #AAAAAA;
    margin: 0px 5px;
    margin-bottom: 0px;
}
</style>

{BOARD_INDEX}

{AUTO_DST}

<!-- BEGIN switch_user_login_form_footer -->
<div class="panel333">
<style>
.panel333 {
margin-top: -409px!important;
opacity: 0;
  position: absolute;
}
 
  .esta-bg {
width: 1100px;
height: 458px;
background: url(https://images2.imgbox.com/bf/06/OMRM4I9V_o.png);
background-position: center center;
background-repeat: no-repeat;
height: 458px;
color: black;
margin-top: 385px;
position: absolute;
z-index: 99;
padding: 0px!important;
}

  </style>

   <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
         <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />

         
         </div>
      </form>
   </div>
</div>
<!-- END switch_user_login_form_footer -->

<div class="esta-bg">
  <div id="membros-conectados24">{L_CONNECTED_MEMBERS}</div>  <br />
  <div id="recorde-users">{TOTAL_USERS_ONLINE}</div><br />
  <div id="stats-esta"><b><span style="color: #ff93a7">{TOTAL_POSTS}</span> / <span style="color: #ffbc93">{TOTAL_USERS}</span> / <span style="color: #fff">{NEWEST_USER}</span></b></div>
    <div id="membros-online">{LOGGED_IN_USER_LIST}.</div><br/>
      <div id="indefinido">{L_ONLINE_USERS}</div><br />

</div>
<div id="grupos-bg">
 
<div id="vilas">
                                            <div class="barrabranca1"></div>
                                            <div class="barrabranca2"></div>
                                            <div class="barrabranca3"></div>
                                            <div class="barrabranca4"></div>
                                            <div class="barrabranca5"></div>
                                            <div class="barrabranca6"></div>
<a href="#"><img class="img-group-village-ko" title="Konohagakure" src="https://images2.imgbox.com/bd/74/5j59DqQV_o.png">
<a href="#"><img class="img-group-village-su" title="Sunagakure" src="https://images2.imgbox.com/74/90/JhRXP5w6_o.png">
<a href="#"><img class="img-group-village-ki" title="Kirigakure" src="https://images2.imgbox.com/4c/ca/fdRFdAd5_o.png">
<a href="#"><img class="img-group-village-iw" title="Iwagakure" src="https://images2.imgbox.com/9a/40/zzMDgZV0_o.png">
<a href="#"><img class="img-group-village-ku" title="Kumogakure" src="https://images2.imgbox.com/2b/83/QOsu2zuv_o.png">
</div>
</div>


<style>
#footerdoforum {
border-top: 448px solid #b13740;
padding-bottom: 5px;
background: #252733;
  height: 85px;
}

#footerdoforum2 {
background: #252733;
}

#chatbox_top {
margin-left: -20px;
min-height: 500px!important;
margin-bottom: -40px;
margin-top: -25px;
width: 1100px;
}

#cp-main .panel {
box-shadow: 0px 0px 0px rgba(86, 86, 86, 0.3), 0px 0px 0px rgba(86, 86, 86, 0.3);
padding: 20px;
margin: 0px 0px;
margin-left: -20px;
margin-right: -10px;
border-radius: 0px;
margin-top: -25px;
text-align: right;
overflow: hidden;
font-size: 11px;
}
#grupos-bg {
    width: 1090px;
    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png);
    border-top: 5px solid #ffffff;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    box-shadow: 0px 10px 0px #b13740;
    background-size: cover;
    animation-name:vila;
    -webkit-animation:vila 20s infinite;-moz-animation:vila 20s infinite;animation:vila 20s infinite;
   
}


@keyframes village {
    0% {background: #005c2d; }
    25% {background: #96684e; }
    50% {background: #0073b0; }
    75% {background: #b31938; }
    100% {background: #C2A30A;}
}

@keyframes vila {
    0% {border-top: 5px solid #005c2d; box-shadow: 0px 10px 0px #005c2d}
    25% {border-top: 5px solid #96684e; box-shadow: 0px 10px 0px #96684e}
    50% {border-top: 5px solid #0073b0; box-shadow: 0px 10px 0px #0073b0}
    75% {border-top: 5px solid #b31938; box-shadow: 0px 10px 0px #b31938}
    100% {border-top: 5px solid #C2A30A; box-shadow: 0px 10px 0px #C2A30A}
}


#vilas {
margin: auto;
text-align: center;
padding: 15px 0px 0px 0px
}
 
.barrabranca1 {
    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
    content: ' ';
    height: 135px;
    left: 42px;
    position: relative;
    top: -15px;
    transform: skew(-14deg);
    width: 50px;
    z-index: 99!important;
}

.barrabranca2 {
    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
    content: ' ';
    height: 135px;
    left: 220px;
    position: relative;
    top: -150px;
    transform: skew(-14deg);
    width: 66px;
    z-index: 99!important;
}

.barrabranca3 {
    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
    content: ' ';
    height: 135px;
    left: 415px;
    position: relative;
    top: -285px;
    transform: skew(-14deg);
    width: 66px;
    z-index: 99!important;
}

.barrabranca4 {
    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
    content: ' ';
    height: 135px;
    left: 610px;
    position: relative;
    top: -420px;
    transform: skew(-14deg);
    width: 66px;
    z-index: 99!important;
}

.barrabranca5 {
    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
    content: ' ';
    height: 135px;
    left: 805px;
    position: relative;
    top: -555px;
    transform: skew(-14deg);
    width: 66px;
    z-index: 99!important;
}

.barrabranca6 {
    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
    content: ' ';
    height: 135px;
    left: 1001px;
    position: relative;
    top: -690px;
    transform: skew(-14deg);
    width: 50px;
    z-index: 99!important;
    margin-bottom: -810px;
}

img.img-group-village-ko, img.img-group-village-su, img.img-group-village-ki, img.img-group-village-iw, img.img-group-village-ku {
    height: 130px;
    width: 165px;
    position: relative;
    margin: -15px 15px 0px;
    box-shadow: inset 0px 0px 11px 9px transparent;
    border-top: 5px solid transparent;
    background: #1b1d26;
    animation-name: village;
    -webkit-animation:village 20s infinite;-moz-animation:village 20s infinite;animation:village 20s infinite;
    filter: grayscale(100%)
}

img.img-group-village-ko:hover, img.img-group-village-su:hover, img.img-group-village-ki:hover, img.img-group-village-iw:hover, img.img-group-village-ku:hover {
    filter: grayscale(0%);
    transition: 1.5s;
}

#membros-conectados24 {
    font-family: verdana;
    font-size: 11px;
    text-align: justify;
    height: 130px;
    margin-left: 51.8%;
    overflow: auto;
    padding: 5px;
    position: relative;
    top: 30px;
    width: 500px;
}

#stats-esta {
    color: #fff;
    font-family: arial;
    font-size: 11px;
    left: 51.8%;
    padding: 5px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: 30px;
    width: 500px;
}
   
    #stats-esta a {
    color: #ff7781;
}

#membros-online {
    font-family: verdana;
    font-size: 11px;
    height: 130px;
    text-align: justify;
    margin-left: 51.8%;
    overflow: auto;
    padding: 5px 5px 5px 100px;
    position: relative;
    top: 53px;
    width: 400px;
}

#recorde-users {
    color: #fff;
    font-family: arial;
    font-size: 11px;
    margin-left: 52.8%;
    padding: 5px 5px 5px 100px;
    position: relative;
   text-align: center;
    top: 62px;
    width: 400px;
}

        #indefinido {
                background: #795548;
      font-size: 11px;
    font-family: arial;
        }
  .estatisticas-forum {
    background: url(https://images2.imgbox.com/bf/06/OMRM4I9V_o.png) #b13740;
    background-position: center center;
    background-repeat: no-repeat;
    height: 448px;
    width: 100%;
    position: relative;
    margin-left: -10px;
}</style>

Olá,

Adiciona esse código a sua Folha de estilo CSS

Código:

.esta-bg {
    margin-top: 65px!important;
}

att,

sem resultado

Olá,

O fórum que passou é o mesmo das imagens? Porque entrei no fórum e percebi que não se encontra com o erro da imagem

att,

Olá @Shion,

Tem a certeza que o link que indicou corresponde ao do seu fórum?

Fico no aguardo.

esta em um forum de teste
http://akateste.directorioforuns.com

Olá,

Vamos testar colocar esse código na sua Folha de estilo CSS

Código:

.esta-bg {
    margin-top: 532px!important;
}
#recorde-users {
    top: 239px!important;
}
#stats-esta {
    top: -15px!important;
    height: auto!important;
}
#membros-online {
    margin-left: 62.8%!important;
    top: 3px!important;
}
#membros-conectados24 {
    margin-left: 40.8%!important;
}

att,

Minha folha de css esta sem espaço então estou colocando dentro do proprio template

Olá,

Sendo assim altere o template por 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 -->
 
<div class="chatbox_top">{CHATBOX_TOP}</div>
 
<style>
.panel {
    border-top: 0px solid #212D38;
    padding: 20px 20px 0px 10px!important;
    background: url(https://i.servimg.com/u/f62/19/57/50/94/2112210.png);
    position: relative;
    box-shadow: 0px 2px 10px #AAAAAA;
    margin: 0px 5px;
    margin-bottom: 0px;
}
</style>
 
{BOARD_INDEX}
 
{AUTO_DST}
 
<!-- BEGIN switch_user_login_form_footer -->
<div class="panel333">
<style>
.panel333 {
margin-top: -409px!important;
opacity: 0;
  position: absolute;
}
 
  .esta-bg {
width: 1100px;
height: 458px;
background: url(https://images2.imgbox.com/bf/06/OMRM4I9V_o.png);
background-position: center center;
background-repeat: no-repeat;
height: 458px;
color: black;
margin-top: 385px;
position: absolute;
z-index: 99;
padding: 0px!important;
}
 
  </style>
 
  <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
 
       
        </div>
      </form>
  </div>
</div>
<!-- END switch_user_login_form_footer -->
 
<div class="esta-bg">
  <div id="membros-conectados24">{L_CONNECTED_MEMBERS}</div>  <br />
  <div id="recorde-users">{TOTAL_USERS_ONLINE}</div><br />
  <div id="stats-esta"><b><span style="color: #ff93a7">{TOTAL_POSTS}</span> / <span style="color: #ffbc93">{TOTAL_USERS}</span> / <span style="color: #fff">{NEWEST_USER}</span></b></div>
    <div id="membros-online">{LOGGED_IN_USER_LIST}.</div><br/>
      <div id="indefinido">{L_ONLINE_USERS}</div><br />
 
</div>
<div id="grupos-bg">
 
<div id="vilas">
                                            <div class="barrabranca1"></div>
                                            <div class="barrabranca2"></div>
                                            <div class="barrabranca3"></div>
                                            <div class="barrabranca4"></div>
                                            <div class="barrabranca5"></div>
                                            <div class="barrabranca6"></div>
<a href="#"><img class="img-group-village-ko" title="Konohagakure" src="https://images2.imgbox.com/bd/74/5j59DqQV_o.png">
<a href="#"><img class="img-group-village-su" title="Sunagakure" src="https://images2.imgbox.com/74/90/JhRXP5w6_o.png">
<a href="#"><img class="img-group-village-ki" title="Kirigakure" src="https://images2.imgbox.com/4c/ca/fdRFdAd5_o.png">
<a href="#"><img class="img-group-village-iw" title="Iwagakure" src="https://images2.imgbox.com/9a/40/zzMDgZV0_o.png">
<a href="#"><img class="img-group-village-ku" title="Kumogakure" src="https://images2.imgbox.com/2b/83/QOsu2zuv_o.png">
</div>
</div>
 
 
<style>
#footerdoforum {
border-top: 448px solid #b13740;
padding-bottom: 5px;
background: #252733;
  height: 85px;
}
 
#footerdoforum2 {
background: #252733;
}
 
#chatbox_top {
margin-left: -20px;
min-height: 500px!important;
margin-bottom: -40px;
margin-top: -25px;
width: 1100px;
}
 
#cp-main .panel {
box-shadow: 0px 0px 0px rgba(86, 86, 86, 0.3), 0px 0px 0px rgba(86, 86, 86, 0.3);
padding: 20px;
margin: 0px 0px;
margin-left: -20px;
margin-right: -10px;
border-radius: 0px;
margin-top: -25px;
text-align: right;
overflow: hidden;
font-size: 11px;
}
#grupos-bg {
    width: 1090px;
    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png);
    border-top: 5px solid #ffffff;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    box-shadow: 0px 10px 0px #b13740;
    background-size: cover;
    animation-name:vila;
    -webkit-animation:vila 20s infinite;-moz-animation:vila 20s infinite;animation:vila 20s infinite;
 
}
 
 
@keyframes village {
    0% {background: #005c2d; }
    25% {background: #96684e; }
    50% {background: #0073b0; }
    75% {background: #b31938; }
    100% {background: #C2A30A;}
}
 
@keyframes vila {
    0% {border-top: 5px solid #005c2d; box-shadow: 0px 10px 0px #005c2d}
    25% {border-top: 5px solid #96684e; box-shadow: 0px 10px 0px #96684e}
    50% {border-top: 5px solid #0073b0; box-shadow: 0px 10px 0px #0073b0}
    75% {border-top: 5px solid #b31938; box-shadow: 0px 10px 0px #b31938}
    100% {border-top: 5px solid #C2A30A; box-shadow: 0px 10px 0px #C2A30A}
}
 
 
#vilas {
margin: auto;
text-align: center;
padding: 15px 0px 0px 0px
}
 
.barrabranca1 {
    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
    content: ' ';
    height: 135px;
    left: 42px;
    position: relative;
    top: -15px;
    transform: skew(-14deg);
    width: 50px;
    z-index: 99!important;
}
 
.barrabranca2 {
    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
    content: ' ';
    height: 135px;
    left: 220px;
    position: relative;
    top: -150px;
    transform: skew(-14deg);
    width: 66px;
    z-index: 99!important;
}
 
.barrabranca3 {
    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
    content: ' ';
    height: 135px;
    left: 415px;
    position: relative;
    top: -285px;
    transform: skew(-14deg);
    width: 66px;
    z-index: 99!important;
}
 
.barrabranca4 {
    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
    content: ' ';
    height: 135px;
    left: 610px;
    position: relative;
    top: -420px;
    transform: skew(-14deg);
    width: 66px;
    z-index: 99!important;
}
 
.barrabranca5 {
    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
    content: ' ';
    height: 135px;
    left: 805px;
    position: relative;
    top: -555px;
    transform: skew(-14deg);
    width: 66px;
    z-index: 99!important;
}
 
.barrabranca6 {
    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
    content: ' ';
    height: 135px;
    left: 1001px;
    position: relative;
    top: -690px;
    transform: skew(-14deg);
    width: 50px;
    z-index: 99!important;
    margin-bottom: -810px;
}
 
img.img-group-village-ko, img.img-group-village-su, img.img-group-village-ki, img.img-group-village-iw, img.img-group-village-ku {
    height: 130px;
    width: 165px;
    position: relative;
    margin: -15px 15px 0px;
    box-shadow: inset 0px 0px 11px 9px transparent;
    border-top: 5px solid transparent;
    background: #1b1d26;
    animation-name: village;
    -webkit-animation:village 20s infinite;-moz-animation:village 20s infinite;animation:village 20s infinite;
    filter: grayscale(100%)
}
 
img.img-group-village-ko:hover, img.img-group-village-su:hover, img.img-group-village-ki:hover, img.img-group-village-iw:hover, img.img-group-village-ku:hover {
    filter: grayscale(0%);
    transition: 1.5s;
}
 
#membros-conectados24 {
    font-family: verdana;
    font-size: 11px;
    text-align: justify;
    height: 130px;
    margin-left: 40.8%!important;
    overflow: auto;
    padding: 5px;
    position: relative;
    top: 30px;
    width: 500px;
}
 
#stats-esta {
    color: #fff;
    font-family: arial;
    font-size: 11px;
    left: 51.8%;
    padding: 5px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: -15px!important;
    height: auto!important;
    width: 500px;
}
 
    #stats-esta a {
    color: #ff7781;
}
 
#membros-online {
    font-family: verdana;
    font-size: 11px;
    height: 130px;
    text-align: justify;
    overflow: auto;
    padding: 5px 5px 5px 100px;
    position: relative;
    margin-left: 62.8%!important;
    top: 3px!important;
    width: 400px;
}
 
#recorde-users {
    color: #fff;
    font-family: arial;
    font-size: 11px;
    margin-left: 52.8%;
    padding: 5px 5px 5px 100px;
    position: relative;
  text-align: center;
    top: 239px!important;
    width: 400px;
}
 
        #indefinido {
                background: #795548;
      font-size: 11px;
    font-family: arial;
        }
  .estatisticas-forum {
    background: url(https://images2.imgbox.com/bf/06/OMRM4I9V_o.png) #b13740;
    background-position: center center;
    background-repeat: no-repeat;
    height: 448px;
    width: 100%;
    position: relative;
    margin-left: -10px;
}
.esta-bg {
    margin-top: 532px!important;
}</style>

att,

Ele ficou com um espaçamento gigante

Olá,

Substitua o seu template por 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 -->
 
<div class="chatbox_top">{CHATBOX_TOP}</div>
 
<style>
.panel {
    border-top: 0px solid #212D38;
    padding: 20px 20px 0px 10px!important;
    background: url(https://i.servimg.com/u/f62/19/57/50/94/2112210.png);
    position: relative;
    box-shadow: 0px 2px 10px #AAAAAA;
    margin: 0px 5px;
    margin-bottom: 0px;
}
</style>
 
{BOARD_INDEX}
 
{AUTO_DST}
 
<!-- BEGIN switch_user_login_form_footer -->
<div class="panel333">
<style>
.panel333 {
margin-top: -409px!important;
opacity: 0;
  position: absolute;
}
 
  .esta-bg {
width: 1100px;
height: 458px;
background: url(https://images2.imgbox.com/bf/06/OMRM4I9V_o.png);
background-position: center center;
background-repeat: no-repeat;
height: 458px;
color: black;
margin-top: 385px;
position: absolute;
z-index: 99;
padding: 0px!important;
}
 
  </style>
 
  <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
 
     
        </div>
      </form>
  </div>
</div>
<!-- END switch_user_login_form_footer -->
 
<div class="esta-bg">
  <div id="membros-conectados24">{L_CONNECTED_MEMBERS}</div>  <br />
  <div id="recorde-users">{TOTAL_USERS_ONLINE}</div><br />
  <div id="stats-esta"><b><span style="color: #ff93a7">{TOTAL_POSTS}</span> / <span style="color: #ffbc93">{TOTAL_USERS}</span> / <span style="color: #fff">{NEWEST_USER}</span></b></div>
    <div id="membros-online">{LOGGED_IN_USER_LIST}.</div><br/>
      <div id="indefinido">{L_ONLINE_USERS}</div><br />
 
</div>
<div id="grupos-bg">
 
<div id="vilas">
                                            <div class="barrabranca1"></div>
                                            <div class="barrabranca2"></div>
                                            <div class="barrabranca3"></div>
                                            <div class="barrabranca4"></div>
                                            <div class="barrabranca5"></div>
                                            <div class="barrabranca6"></div>
<a href="#"><img class="img-group-village-ko" title="Konohagakure" src="https://images2.imgbox.com/bd/74/5j59DqQV_o.png">
<a href="#"><img class="img-group-village-su" title="Sunagakure" src="https://images2.imgbox.com/74/90/JhRXP5w6_o.png">
<a href="#"><img class="img-group-village-ki" title="Kirigakure" src="https://images2.imgbox.com/4c/ca/fdRFdAd5_o.png">
<a href="#"><img class="img-group-village-iw" title="Iwagakure" src="https://images2.imgbox.com/9a/40/zzMDgZV0_o.png">
<a href="#"><img class="img-group-village-ku" title="Kumogakure" src="https://images2.imgbox.com/2b/83/QOsu2zuv_o.png">
</div>
</div>
 
 
<style>
#footerdoforum {
border-top: 448px solid #b13740;
padding-bottom: 5px;
background: #252733;
  height: 85px;
}
 
#footerdoforum2 {
background: #252733;
}
 
#chatbox_top {
margin-left: -20px;
min-height: 500px!important;
margin-bottom: -40px;
margin-top: -25px;
width: 1100px;
}
 
#cp-main .panel {
box-shadow: 0px 0px 0px rgba(86, 86, 86, 0.3), 0px 0px 0px rgba(86, 86, 86, 0.3);
padding: 20px;
margin: 0px 0px;
margin-left: -20px;
margin-right: -10px;
border-radius: 0px;
margin-top: -25px;
text-align: right;
overflow: hidden;
font-size: 11px;
}
#grupos-bg {
    width: 1090px;
    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png);
    border-top: 5px solid #ffffff;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    box-shadow: 0px 10px 0px #b13740;
    background-size: cover;
    animation-name:vila;
    -webkit-animation:vila 20s infinite;-moz-animation:vila 20s infinite;animation:vila 20s infinite;
 
}
 
 
@keyframes village {
    0% {background: #005c2d; }
    25% {background: #96684e; }
    50% {background: #0073b0; }
    75% {background: #b31938; }
    100% {background: #C2A30A;}
}
 
@keyframes vila {
    0% {border-top: 5px solid #005c2d; box-shadow: 0px 10px 0px #005c2d}
    25% {border-top: 5px solid #96684e; box-shadow: 0px 10px 0px #96684e}
    50% {border-top: 5px solid #0073b0; box-shadow: 0px 10px 0px #0073b0}
    75% {border-top: 5px solid #b31938; box-shadow: 0px 10px 0px #b31938}
    100% {border-top: 5px solid #C2A30A; box-shadow: 0px 10px 0px #C2A30A}
}
 
 
#vilas {
margin: auto;
text-align: center;
padding: 15px 0px 0px 0px
}
 
.barrabranca1 {
    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
    content: ' ';
    height: 135px;
    left: 42px;
    position: relative;
    top: -15px;
    transform: skew(-14deg);
    width: 50px;
    z-index: 99!important;
}
 
.barrabranca2 {
    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
    content: ' ';
    height: 135px;
    left: 220px;
    position: relative;
    top: -150px;
    transform: skew(-14deg);
    width: 66px;
    z-index: 99!important;
}
 
.barrabranca3 {
    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
    content: ' ';
    height: 135px;
    left: 415px;
    position: relative;
    top: -285px;
    transform: skew(-14deg);
    width: 66px;
    z-index: 99!important;
}
 
.barrabranca4 {
    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
    content: ' ';
    height: 135px;
    left: 610px;
    position: relative;
    top: -420px;
    transform: skew(-14deg);
    width: 66px;
    z-index: 99!important;
}
 
.barrabranca5 {
    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
    content: ' ';
    height: 135px;
    left: 805px;
    position: relative;
    top: -555px;
    transform: skew(-14deg);
    width: 66px;
    z-index: 99!important;
}
 
.barrabranca6 {
    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
    content: ' ';
    height: 135px;
    left: 1001px;
    position: relative;
    top: -690px;
    transform: skew(-14deg);
    width: 50px;
    z-index: 99!important;
    margin-bottom: -810px;
}
 
img.img-group-village-ko, img.img-group-village-su, img.img-group-village-ki, img.img-group-village-iw, img.img-group-village-ku {
    height: 130px;
    width: 165px;
    position: relative;
    margin: -15px 15px 0px;
    box-shadow: inset 0px 0px 11px 9px transparent;
    border-top: 5px solid transparent;
    background: #1b1d26;
    animation-name: village;
    -webkit-animation:village 20s infinite;-moz-animation:village 20s infinite;animation:village 20s infinite;
    filter: grayscale(100%)
}
 
img.img-group-village-ko:hover, img.img-group-village-su:hover, img.img-group-village-ki:hover, img.img-group-village-iw:hover, img.img-group-village-ku:hover {
    filter: grayscale(0%);
    transition: 1.5s;
}
 
#membros-conectados24 {
    font-family: verdana;
    font-size: 11px;
    text-align: justify;
    height: 130px;
    margin-left: 40.8%!important;
    overflow: auto;
    padding: 5px;
    position: relative;
    top: 30px;
    width: 500px;
}
 
#stats-esta {
    color: #fff;
    font-family: arial;
    font-size: 11px;
    left: 51.8%;
    padding: 5px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: -15px!important;
    height: auto!important;
    width: 500px;
}
 
    #stats-esta a {
    color: #ff7781;
}
 
#membros-online {
    font-family: verdana;
    font-size: 11px;
    height: 130px;
    text-align: justify;
    overflow: auto;
    padding: 5px 5px 5px 100px;
    position: relative;
    margin-left: 62.8%!important;
    top: 3px!important;
    width: 400px;
}
 
#recorde-users {
    color: #fff;
    font-family: arial;
    font-size: 11px;
    margin-left: 52.8%;
    padding: 5px 5px 5px 100px;
    position: relative;
  text-align: center;
    top: 239px!important;
    width: 400px;
}
 
        #indefinido {
                background: #795548;
      font-size: 11px;
    font-family: arial;
        }
  .estatisticas-forum {
    background: url(https://images2.imgbox.com/bf/06/OMRM4I9V_o.png) #b13740;
    background-position: center center;
    background-repeat: no-repeat;
    height: 448px;
    width: 100%;
    position: relative;
    margin-left: -10px;
}
.esta-bg {
    margin-top: 277px!important;
}</style>

att,

Ainda não mas ta quase la

Olá!

Troque novamente por este:

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 -->
 
<div class="chatbox_top">{CHATBOX_TOP}</div>
 
<style>
.panel {
    border-top: 0px solid #212D38;
    padding: 20px 20px 0px 10px!important;
    background: url(https://i.servimg.com/u/f62/19/57/50/94/2112210.png);
    position: relative;
    box-shadow: 0px 2px 10px #AAAAAA;
    margin: 0px 5px;
    margin-bottom: 0px;
}
</style>
 
{BOARD_INDEX}
 
{AUTO_DST}
 
<!-- BEGIN switch_user_login_form_footer -->
<div class="panel333">
<style>
.panel333 {
margin-top: -409px!important;
opacity: 0;
  position: absolute;
}
 
  .esta-bg {
width: 1100px;
height: 458px;
background: url(https://images2.imgbox.com/bf/06/OMRM4I9V_o.png);
background-position: center center;
background-repeat: no-repeat;
height: 458px;
color: black;
margin-top: 385px;
position: absolute;
z-index: 99;
padding: 0px!important;
}
 
  </style>
 
  <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
 
   
        </div>
      </form>
  </div>
</div>
<!-- END switch_user_login_form_footer -->
 
<div class="esta-bg">
  <div id="membros-conectados24">{L_CONNECTED_MEMBERS}</div>  <br />
  <div id="recorde-users">{TOTAL_USERS_ONLINE}</div><br />
  <div id="stats-esta"><b><span style="color: #ff93a7">{TOTAL_POSTS}</span> / <span style="color: #ffbc93">{TOTAL_USERS}</span> / <span style="color: #fff">{NEWEST_USER}</span></b></div>
    <div id="membros-online">{LOGGED_IN_USER_LIST}.</div><br/>
      <div id="indefinido">{L_ONLINE_USERS}</div><br />
 
</div>
<div id="grupos-bg">
 
<div id="vilas">
                                            <div class="barrabranca1"></div>
                                            <div class="barrabranca2"></div>
                                            <div class="barrabranca3"></div>
                                            <div class="barrabranca4"></div>
                                            <div class="barrabranca5"></div>
                                            <div class="barrabranca6"></div>
<a href="#"><img class="img-group-village-ko" title="Konohagakure" src="https://images2.imgbox.com/bd/74/5j59DqQV_o.png">
<a href="#"><img class="img-group-village-su" title="Sunagakure" src="https://images2.imgbox.com/74/90/JhRXP5w6_o.png">
<a href="#"><img class="img-group-village-ki" title="Kirigakure" src="https://images2.imgbox.com/4c/ca/fdRFdAd5_o.png">
<a href="#"><img class="img-group-village-iw" title="Iwagakure" src="https://images2.imgbox.com/9a/40/zzMDgZV0_o.png">
<a href="#"><img class="img-group-village-ku" title="Kumogakure" src="https://images2.imgbox.com/2b/83/QOsu2zuv_o.png">
</div>
</div>
 
 
<style>
#footerdoforum {
border-top: 448px solid #b13740;
padding-bottom: 5px;
background: #252733;
  height: 85px;
}
 
#footerdoforum2 {
background: #252733;
}
 
#chatbox_top {
margin-left: -20px;
min-height: 500px!important;
margin-bottom: -40px;
margin-top: -25px;
width: 1100px;
}
 
#cp-main .panel {
box-shadow: 0px 0px 0px rgba(86, 86, 86, 0.3), 0px 0px 0px rgba(86, 86, 86, 0.3);
padding: 20px;
margin: 0px 0px;
margin-left: -20px;
margin-right: -10px;
border-radius: 0px;
margin-top: -25px;
text-align: right;
overflow: hidden;
font-size: 11px;
}
#grupos-bg {
    width: 1090px;
    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png);
    border-top: 5px solid #ffffff;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    box-shadow: 0px 10px 0px #b13740;
    background-size: cover;
    animation-name:vila;
    -webkit-animation:vila 20s infinite;-moz-animation:vila 20s infinite;animation:vila 20s infinite;
 
}
 
 
@keyframes village {
    0% {background: #005c2d; }
    25% {background: #96684e; }
    50% {background: #0073b0; }
    75% {background: #b31938; }
    100% {background: #C2A30A;}
}
 
@keyframes vila {
    0% {border-top: 5px solid #005c2d; box-shadow: 0px 10px 0px #005c2d}
    25% {border-top: 5px solid #96684e; box-shadow: 0px 10px 0px #96684e}
    50% {border-top: 5px solid #0073b0; box-shadow: 0px 10px 0px #0073b0}
    75% {border-top: 5px solid #b31938; box-shadow: 0px 10px 0px #b31938}
    100% {border-top: 5px solid #C2A30A; box-shadow: 0px 10px 0px #C2A30A}
}
 
 
#vilas {
margin: auto;
text-align: center;
padding: 15px 0px 0px 0px
}
 
.barrabranca1 {
    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
    content: ' ';
    height: 135px;
    left: 42px;
    position: relative;
    top: -15px;
    transform: skew(-14deg);
    width: 50px;
    z-index: 99!important;
}
 
.barrabranca2 {
    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
    content: ' ';
    height: 135px;
    left: 220px;
    position: relative;
    top: -150px;
    transform: skew(-14deg);
    width: 66px;
    z-index: 99!important;
}
 
.barrabranca3 {
    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
    content: ' ';
    height: 135px;
    left: 415px;
    position: relative;
    top: -285px;
    transform: skew(-14deg);
    width: 66px;
    z-index: 99!important;
}
 
.barrabranca4 {
    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
    content: ' ';
    height: 135px;
    left: 610px;
    position: relative;
    top: -420px;
    transform: skew(-14deg);
    width: 66px;
    z-index: 99!important;
}
 
.barrabranca5 {
    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
    content: ' ';
    height: 135px;
    left: 805px;
    position: relative;
    top: -555px;
    transform: skew(-14deg);
    width: 66px;
    z-index: 99!important;
}
 
.barrabranca6 {
    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
    content: ' ';
    height: 135px;
    left: 1001px;
    position: relative;
    top: -690px;
    transform: skew(-14deg);
    width: 50px;
    z-index: 99!important;
    margin-bottom: -810px;
}
 
img.img-group-village-ko, img.img-group-village-su, img.img-group-village-ki, img.img-group-village-iw, img.img-group-village-ku {
    height: 130px;
    width: 165px;
    position: relative;
    margin: -15px 15px 0px;
    box-shadow: inset 0px 0px 11px 9px transparent;
    border-top: 5px solid transparent;
    background: #1b1d26;
    animation-name: village;
    -webkit-animation:village 20s infinite;-moz-animation:village 20s infinite;animation:village 20s infinite;
    filter: grayscale(100%)
}
 
img.img-group-village-ko:hover, img.img-group-village-su:hover, img.img-group-village-ki:hover, img.img-group-village-iw:hover, img.img-group-village-ku:hover {
    filter: grayscale(0%);
    transition: 1.5s;
}
 
#membros-conectados24 {
    font-family: verdana;
    font-size: 11px;
    text-align: justify;
    height: 130px;
    margin-left: 40.8%!important;
    overflow: auto;
    padding: 5px;
    position: relative;
    top: 30px;
    width: 500px;
}
 
#stats-esta {
    color: #fff;
    font-family: arial;
    font-size: 11px;
    left: 51.8%;
    padding: 5px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: -15px!important;
    height: auto!important;
    width: 500px;
}
 
    #stats-esta a {
    color: #ff7781;
}
 
#membros-online {
    font-family: verdana;
    font-size: 11px;
    height: 130px;
    text-align: justify;
    overflow: auto;
    padding: 5px 5px 5px 100px;
    position: relative;
    margin-left: 62.8%!important;
    top: 3px!important;
    width: 400px;
}
 
#recorde-users {
    color: #fff;
    font-family: arial;
    font-size: 11px;
    margin-left: 52.8%;
    padding: 5px 5px 5px 100px;
    position: relative;
  text-align: center;
    top: 239px!important;
    width: 400px;
}
 
        #indefinido {
                background: #795548;
      font-size: 11px;
    font-family: arial;
        }
  .estatisticas-forum {
    background: url(https://images2.imgbox.com/bf/06/OMRM4I9V_o.png) #b13740;
    background-position: center center;
    background-repeat: no-repeat;
    height: 448px;
    width: 100%;
    position: relative;
    margin-left: -10px;
}
.esta-bg {
    margin-top: 528px!important;
}</style>

Até mais.

Agora piorou bastante foi la embaixo

Olá @Shion,

Não entendi o que quis dizer. Veja como ficou:
http://prntscr.com/m9d0yc

Até mais.

https://i.servimg.com/u/f39/15/18/89/47/captur13.png
Uso 1 monitor 1080p

Olá,

Veja se gosta assim:

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 -->
       
        <div class="chatbox_top">{CHATBOX_TOP}</div>
       
        <style>
        .panel {
            border-top: 0px solid #212D38;
            padding: 20px 20px 0px 10px!important;
            background: url(https://i.servimg.com/u/f62/19/57/50/94/2112210.png);
            position: relative;
            box-shadow: 0px 2px 10px #AAAAAA;
            margin: 0px 5px;
            margin-bottom: 0px;
        }
        </style>
       
        {BOARD_INDEX}
       
        {AUTO_DST}
       
        <!-- BEGIN switch_user_login_form_footer -->
        <div class="panel333">
        <style>
        .panel333 {
        margin-top: -409px!important;
        opacity: 0;
          position: absolute;
        }
       
          .esta-bg {
        width: 1100px;
        height: 458px;
        background: url(https://images2.imgbox.com/bf/06/OMRM4I9V_o.png);
        background-position: center center;
        background-repeat: no-repeat;
        height: 458px;
        color: black;
        margin-top: 65px;
        position: absolute;
        z-index: 99;
        padding: 0px!important;
        }
       
          </style>
       
          <div class="inner"><span class="corners-top"><span></span></span>
              <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
                <div class="user_login_form center">
                    <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
                    <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
                    <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
                    {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
       
         
                </div>
              </form>
          </div>
        </div>
        <!-- END switch_user_login_form_footer -->
       
        <div class="esta-bg">
          <div id="membros-conectados24">{L_CONNECTED_MEMBERS}</div>  <br />
          <div id="recorde-users">{TOTAL_USERS_ONLINE}</div><br />
          <div id="stats-esta"><b><span style="color: #ff93a7">{TOTAL_POSTS}</span> / <span style="color: #ffbc93">{TOTAL_USERS}</span> / <span style="color: #fff">{NEWEST_USER}</span></b></div>
            <div id="membros-online">{LOGGED_IN_USER_LIST}.</div><br/>
              <div id="indefinido">{L_ONLINE_USERS}</div><br />
       
        </div>
        <div id="grupos-bg">
       
        <div id="vilas">
                                                    <div class="barrabranca1"></div>
                                                    <div class="barrabranca2"></div>
                                                    <div class="barrabranca3"></div>
                                                    <div class="barrabranca4"></div>
                                                    <div class="barrabranca5"></div>
                                                    <div class="barrabranca6"></div>
        <a href="#"><img class="img-group-village-ko" title="Konohagakure" src="https://images2.imgbox.com/bd/74/5j59DqQV_o.png">
        <a href="#"><img class="img-group-village-su" title="Sunagakure" src="https://images2.imgbox.com/74/90/JhRXP5w6_o.png">
        <a href="#"><img class="img-group-village-ki" title="Kirigakure" src="https://images2.imgbox.com/4c/ca/fdRFdAd5_o.png">
        <a href="#"><img class="img-group-village-iw" title="Iwagakure" src="https://images2.imgbox.com/9a/40/zzMDgZV0_o.png">
        <a href="#"><img class="img-group-village-ku" title="Kumogakure" src="https://images2.imgbox.com/2b/83/QOsu2zuv_o.png">
        </div>
        </div>
       
       
        <style>
        #footerdoforum {
        border-top: 448px solid #b13740;
        padding-bottom: 5px;
        background: #252733;
          height: 85px;
        }
       
        #footerdoforum2 {
        background: #252733;
        }
       
        #chatbox_top {
        margin-left: -20px;
        min-height: 500px!important;
        margin-bottom: -40px;
        margin-top: -25px;
        width: 1100px;
        }
       
        #cp-main .panel {
        box-shadow: 0px 0px 0px rgba(86, 86, 86, 0.3), 0px 0px 0px rgba(86, 86, 86, 0.3);
        padding: 20px;
        margin: 0px 0px;
        margin-left: -20px;
        margin-right: -10px;
        border-radius: 0px;
        margin-top: -25px;
        text-align: right;
        overflow: hidden;
        font-size: 11px;
        }
        #grupos-bg {
            width: 1090px;
            background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png);
            border-top: 5px solid #ffffff;
            border-bottom-left-radius: 30px;
            border-bottom-right-radius: 30px;
            box-shadow: 0px 10px 0px #b13740;
            background-size: cover;
            animation-name:vila;
            -webkit-animation:vila 20s infinite;-moz-animation:vila 20s infinite;animation:vila 20s infinite;
       
        }
       
       
        @keyframes village {
            0% {background: #005c2d; }
            25% {background: #96684e; }
            50% {background: #0073b0; }
            75% {background: #b31938; }
            100% {background: #C2A30A;}
        }
       
        @keyframes vila {
            0% {border-top: 5px solid #005c2d; box-shadow: 0px 10px 0px #005c2d}
            25% {border-top: 5px solid #96684e; box-shadow: 0px 10px 0px #96684e}
            50% {border-top: 5px solid #0073b0; box-shadow: 0px 10px 0px #0073b0}
            75% {border-top: 5px solid #b31938; box-shadow: 0px 10px 0px #b31938}
            100% {border-top: 5px solid #C2A30A; box-shadow: 0px 10px 0px #C2A30A}
        }
       
       
        #vilas {
        margin: auto;
        text-align: center;
        padding: 15px 0px 0px 0px
        }
       
        .barrabranca1 {
            background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
            content: ' ';
            height: 135px;
            left: 42px;
            position: relative;
            top: -15px;
            transform: skew(-14deg);
            width: 50px;
            z-index: 99!important;
        }
       
        .barrabranca2 {
            background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
            content: ' ';
            height: 135px;
            left: 220px;
            position: relative;
            top: -150px;
            transform: skew(-14deg);
            width: 66px;
            z-index: 99!important;
        }
       
        .barrabranca3 {
            background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
            content: ' ';
            height: 135px;
            left: 415px;
            position: relative;
            top: -285px;
            transform: skew(-14deg);
            width: 66px;
            z-index: 99!important;
        }
       
        .barrabranca4 {
            background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
            content: ' ';
            height: 135px;
            left: 610px;
            position: relative;
            top: -420px;
            transform: skew(-14deg);
            width: 66px;
            z-index: 99!important;
        }
       
        .barrabranca5 {
            background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
            content: ' ';
            height: 135px;
            left: 805px;
            position: relative;
            top: -555px;
            transform: skew(-14deg);
            width: 66px;
            z-index: 99!important;
        }
       
        .barrabranca6 {
            background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
            content: ' ';
            height: 135px;
            left: 1001px;
            position: relative;
            top: -690px;
            transform: skew(-14deg);
            width: 50px;
            z-index: 99!important;
            margin-bottom: -810px;
        }
       
        img.img-group-village-ko, img.img-group-village-su, img.img-group-village-ki, img.img-group-village-iw, img.img-group-village-ku {
            height: 130px;
            width: 165px;
            position: relative;
            margin: -15px 15px 0px;
            box-shadow: inset 0px 0px 11px 9px transparent;
            border-top: 5px solid transparent;
            background: #1b1d26;
            animation-name: village;
            -webkit-animation:village 20s infinite;-moz-animation:village 20s infinite;animation:village 20s infinite;
            filter: grayscale(100%)
        }
       
        img.img-group-village-ko:hover, img.img-group-village-su:hover, img.img-group-village-ki:hover, img.img-group-village-iw:hover, img.img-group-village-ku:hover {
            filter: grayscale(0%);
            transition: 1.5s;
        }
       
        #membros-conectados24 {
            font-family: verdana;
            font-size: 11px;
            text-align: justify;
            height: 130px;
            margin-left: 40.8%!important;
            overflow: auto;
            padding: 5px;
            position: relative;
            top: 30px;
            width: 500px;
        }
       
        #stats-esta {
            color: #fff;
            font-family: arial;
            font-size: 11px;
            left: 51.8%;
            padding: 5px;
            position: relative;
            text-align: center;
            text-transform: uppercase;
            top: -15px!important;
            height: auto!important;
            width: 500px;
        }
       
            #stats-esta a {
            color: #ff7781;
        }
       
        #membros-online {
            font-family: verdana;
            font-size: 11px;
            height: 130px;
            text-align: justify;
            overflow: auto;
            padding: 5px 5px 5px 100px;
            position: relative;
            margin-left: 62.8%!important;
            top: 3px!important;
            width: 400px;
        }
       
        #recorde-users {
            color: #fff;
            font-family: arial;
            font-size: 11px;
            margin-left: 52.8%;
            padding: 5px 5px 5px 100px;
            position: relative;
          text-align: center;
            top: 239px!important;
            width: 400px;
        }
       
                #indefinido {
                        background: #795548;
              font-size: 11px;
            font-family: arial;
                }
          .estatisticas-forum {
            background: url(https://images2.imgbox.com/bf/06/OMRM4I9V_o.png) #b13740;
            background-position: center center;
            background-repeat: no-repeat;
            height: 448px;
            width: 100%;
            position: relative;
            margin-left: -10px;
        }
        .esta-bg {
            margin-top: 528px!important;
        }</style>

Cordialmente,
Roger123

Hehe, não teve auteraçao kkk, ta dificil esse template

Não se esqueceu de ativar o template ( )?
Se não se esqueceu, 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 -->
             
                <div class="chatbox_top">{CHATBOX_TOP}</div>
             
                <style>
                .panel {
                    border-top: 0px solid #212D38;
                    padding: 20px 20px 0px 10px!important;
                    background: url(https://i.servimg.com/u/f62/19/57/50/94/2112210.png);
                    position: relative;
                    box-shadow: 0px 2px 10px #AAAAAA;
                    margin: 0px 5px;
                    margin-bottom: 0px;
                }
                </style>
             
                {BOARD_INDEX}
             
                {AUTO_DST}
             
                <!-- BEGIN switch_user_login_form_footer -->
                <div class="panel333">
                <style>
                .panel333 {
                margin-top: -409px!important;
                opacity: 0;
                  position: absolute;
                }
             
                  .esta-bg {
                width: 1100px;
                height: 458px;
                background: url(https://images2.imgbox.com/bf/06/OMRM4I9V_o.png);
                background-position: center center;
                background-repeat: no-repeat;
                height: 458px;
                color: black;
                position: absolute;
                z-index: 99;
                padding: 0px!important;
                }
             
                  </style>
             
                  <div class="inner"><span class="corners-top"><span></span></span>
                      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
                        <div class="user_login_form center">
                            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
                            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
                            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
                            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
             
               
                        </div>
                      </form>
                  </div>
                </div>
                <!-- END switch_user_login_form_footer -->
             
                <div class="esta-bg">
                  <div id="membros-conectados24">{L_CONNECTED_MEMBERS}</div>  <br />
                  <div id="recorde-users">{TOTAL_USERS_ONLINE}</div><br />
                  <div id="stats-esta"><b><span style="color: #ff93a7">{TOTAL_POSTS}</span> / <span style="color: #ffbc93">{TOTAL_USERS}</span> / <span style="color: #fff">{NEWEST_USER}</span></b></div>
                    <div id="membros-online">{LOGGED_IN_USER_LIST}.</div><br/>
                      <div id="indefinido">{L_ONLINE_USERS}</div><br />
             
                </div>
                <div id="grupos-bg">
             
                <div id="vilas">
                                                            <div class="barrabranca1"></div>
                                                            <div class="barrabranca2"></div>
                                                            <div class="barrabranca3"></div>
                                                            <div class="barrabranca4"></div>
                                                            <div class="barrabranca5"></div>
                                                            <div class="barrabranca6"></div>
                <a href="#"><img class="img-group-village-ko" title="Konohagakure" src="https://images2.imgbox.com/bd/74/5j59DqQV_o.png">
                <a href="#"><img class="img-group-village-su" title="Sunagakure" src="https://images2.imgbox.com/74/90/JhRXP5w6_o.png">
                <a href="#"><img class="img-group-village-ki" title="Kirigakure" src="https://images2.imgbox.com/4c/ca/fdRFdAd5_o.png">
                <a href="#"><img class="img-group-village-iw" title="Iwagakure" src="https://images2.imgbox.com/9a/40/zzMDgZV0_o.png">
                <a href="#"><img class="img-group-village-ku" title="Kumogakure" src="https://images2.imgbox.com/2b/83/QOsu2zuv_o.png">
                </div>
                </div>
             
             
                <style>
                #footerdoforum {
                border-top: 448px solid #b13740;
                padding-bottom: 5px;
                background: #252733;
                  height: 85px;
                }
             
                #footerdoforum2 {
                background: #252733;
                }
             
                #chatbox_top {
                margin-left: -20px;
                min-height: 500px!important;
                margin-bottom: -40px;
                margin-top: -25px;
                width: 1100px;
                }
             
                #cp-main .panel {
                box-shadow: 0px 0px 0px rgba(86, 86, 86, 0.3), 0px 0px 0px rgba(86, 86, 86, 0.3);
                padding: 20px;
                margin: 0px 0px;
                margin-left: -20px;
                margin-right: -10px;
                border-radius: 0px;
                margin-top: -25px;
                text-align: right;
                overflow: hidden;
                font-size: 11px;
                }
                #grupos-bg {
                    width: 1090px;
                    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png);
                    border-top: 5px solid #ffffff;
                    border-bottom-left-radius: 30px;
                    border-bottom-right-radius: 30px;
                    box-shadow: 0px 10px 0px #b13740;
                    background-size: cover;
                    animation-name:vila;
                    -webkit-animation:vila 20s infinite;-moz-animation:vila 20s infinite;animation:vila 20s infinite;
             
                }
             
             
                @keyframes village {
                    0% {background: #005c2d; }
                    25% {background: #96684e; }
                    50% {background: #0073b0; }
                    75% {background: #b31938; }
                    100% {background: #C2A30A;}
                }
             
                @keyframes vila {
                    0% {border-top: 5px solid #005c2d; box-shadow: 0px 10px 0px #005c2d}
                    25% {border-top: 5px solid #96684e; box-shadow: 0px 10px 0px #96684e}
                    50% {border-top: 5px solid #0073b0; box-shadow: 0px 10px 0px #0073b0}
                    75% {border-top: 5px solid #b31938; box-shadow: 0px 10px 0px #b31938}
                    100% {border-top: 5px solid #C2A30A; box-shadow: 0px 10px 0px #C2A30A}
                }
             
             
                #vilas {
                margin: auto;
                text-align: center;
                padding: 15px 0px 0px 0px
                }
             
                .barrabranca1 {
                    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
                    content: ' ';
                    height: 135px;
                    left: 42px;
                    position: relative;
                    top: -15px;
                    transform: skew(-14deg);
                    width: 50px;
                    z-index: 99!important;
                }
             
                .barrabranca2 {
                    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
                    content: ' ';
                    height: 135px;
                    left: 220px;
                    position: relative;
                    top: -150px;
                    transform: skew(-14deg);
                    width: 66px;
                    z-index: 99!important;
                }
             
                .barrabranca3 {
                    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
                    content: ' ';
                    height: 135px;
                    left: 415px;
                    position: relative;
                    top: -285px;
                    transform: skew(-14deg);
                    width: 66px;
                    z-index: 99!important;
                }
             
                .barrabranca4 {
                    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
                    content: ' ';
                    height: 135px;
                    left: 610px;
                    position: relative;
                    top: -420px;
                    transform: skew(-14deg);
                    width: 66px;
                    z-index: 99!important;
                }
             
                .barrabranca5 {
                    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
                    content: ' ';
                    height: 135px;
                    left: 805px;
                    position: relative;
                    top: -555px;
                    transform: skew(-14deg);
                    width: 66px;
                    z-index: 99!important;
                }
             
                .barrabranca6 {
                    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
                    content: ' ';
                    height: 135px;
                    left: 1001px;
                    position: relative;
                    top: -690px;
                    transform: skew(-14deg);
                    width: 50px;
                    z-index: 99!important;
                    margin-bottom: -810px;
                }
             
                img.img-group-village-ko, img.img-group-village-su, img.img-group-village-ki, img.img-group-village-iw, img.img-group-village-ku {
                    height: 130px;
                    width: 165px;
                    position: relative;
                    margin: -15px 15px 0px;
                    box-shadow: inset 0px 0px 11px 9px transparent;
                    border-top: 5px solid transparent;
                    background: #1b1d26;
                    animation-name: village;
                    -webkit-animation:village 20s infinite;-moz-animation:village 20s infinite;animation:village 20s infinite;
                    filter: grayscale(100%)
                }
             
                img.img-group-village-ko:hover, img.img-group-village-su:hover, img.img-group-village-ki:hover, img.img-group-village-iw:hover, img.img-group-village-ku:hover {
                    filter: grayscale(0%);
                    transition: 1.5s;
                }
             
                #membros-conectados24 {
                    font-family: verdana;
                    font-size: 11px;
                    text-align: justify;
                    height: 130px;
                    margin-left: 40.8%!important;
                    overflow: auto;
                    padding: 5px;
                    position: relative;
                    top: 30px;
                    width: 500px;
                }
             
                #stats-esta {
                    color: #fff;
                    font-family: arial;
                    font-size: 11px;
                    left: 51.8%;
                    padding: 5px;
                    position: relative;
                    text-align: center;
                    text-transform: uppercase;
                    top: -15px!important;
                    height: auto!important;
                    width: 500px;
                }
             
                    #stats-esta a {
                    color: #ff7781;
                }
             
                #membros-online {
                    font-family: verdana;
                    font-size: 11px;
                    height: 130px;
                    text-align: justify;
                    overflow: auto;
                    padding: 5px 5px 5px 100px;
                    position: relative;
                    margin-left: 62.8%!important;
                    top: 3px!important;
                    width: 400px;
                }
             
                #recorde-users {
                    color: #fff;
                    font-family: arial;
                    font-size: 11px;
                    margin-left: 52.8%;
                    padding: 5px 5px 5px 100px;
                    position: relative;
                  text-align: center;
                    top: 239px!important;
                    width: 400px;
                }
             
                        #indefinido {
                                background: #795548;
                      font-size: 11px;
                    font-family: arial;
                        }
                  .estatisticas-forum {
                    background: url(https://images2.imgbox.com/bf/06/OMRM4I9V_o.png) #b13740;
                    background-position: center center;
                    background-repeat: no-repeat;
                    height: 448px;
                    width: 100%;
                    position: relative;
                    margin-left: -10px;
                }
                .esta-bg {
                    margin-top: 528px!important;
                }</style>

Não esqueci e sem alteracao

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 -->
             
                <div class="chatbox_top">{CHATBOX_TOP}</div>
             
                <style>
                .panel {
                    border-top: 0px solid #212D38;
                    padding: 20px 20px 0px 10px!important;
                    background: url(https://i.servimg.com/u/f62/19/57/50/94/2112210.png);
                    position: relative;
                    box-shadow: 0px 2px 10px #AAAAAA;
                    margin: 0px 5px;
                    margin-bottom: 0px;
                }
                </style>
             
                {BOARD_INDEX}
             
                {AUTO_DST}
             
                <!-- BEGIN switch_user_login_form_footer -->
                <div class="panel333">
                <style>
                .panel333 {
                margin-top: -409px!important;
                opacity: 0;
                  position: absolute;
                }
             
                  .esta-bg {
                width: 1100px;
                height: 458px;
                background: url(https://images2.imgbox.com/bf/06/OMRM4I9V_o.png);
                background-position: center center;
                background-repeat: no-repeat;
                height: 458px;
                color: black;
            margin-top: 65px !important;
                position: absolute;
                z-index: 99;
                padding: 0px!important;
                }
             
                  </style>
             
                  <div class="inner"><span class="corners-top"><span></span></span>
                      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
                        <div class="user_login_form center">
                            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
                            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
                            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
                            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
             
               
                        </div>
                      </form>
                  </div>
                </div>
                <!-- END switch_user_login_form_footer -->
             
                <div class="esta-bg">
                  <div id="membros-conectados24">{L_CONNECTED_MEMBERS}</div>  <br />
                  <div id="recorde-users">{TOTAL_USERS_ONLINE}</div><br />
                  <div id="stats-esta"><b><span style="color: #ff93a7">{TOTAL_POSTS}</span> / <span style="color: #ffbc93">{TOTAL_USERS}</span> / <span style="color: #fff">{NEWEST_USER}</span></b></div>
                    <div id="membros-online">{LOGGED_IN_USER_LIST}.</div><br/>
                      <div id="indefinido">{L_ONLINE_USERS}</div><br />
             
                </div>
                <div id="grupos-bg">
             
                <div id="vilas">
                                                            <div class="barrabranca1"></div>
                                                            <div class="barrabranca2"></div>
                                                            <div class="barrabranca3"></div>
                                                            <div class="barrabranca4"></div>
                                                            <div class="barrabranca5"></div>
                                                            <div class="barrabranca6"></div>
                <a href="#"><img class="img-group-village-ko" title="Konohagakure" src="https://images2.imgbox.com/bd/74/5j59DqQV_o.png">
                <a href="#"><img class="img-group-village-su" title="Sunagakure" src="https://images2.imgbox.com/74/90/JhRXP5w6_o.png">
                <a href="#"><img class="img-group-village-ki" title="Kirigakure" src="https://images2.imgbox.com/4c/ca/fdRFdAd5_o.png">
                <a href="#"><img class="img-group-village-iw" title="Iwagakure" src="https://images2.imgbox.com/9a/40/zzMDgZV0_o.png">
                <a href="#"><img class="img-group-village-ku" title="Kumogakure" src="https://images2.imgbox.com/2b/83/QOsu2zuv_o.png">
                </div>
                </div>
             
             
                <style>
                #footerdoforum {
                border-top: 448px solid #b13740;
                padding-bottom: 5px;
                background: #252733;
                  height: 85px;
                }
             
                #footerdoforum2 {
                background: #252733;
                }
             
                #chatbox_top {
                margin-left: -20px;
                min-height: 500px!important;
                margin-bottom: -40px;
                margin-top: -25px;
                width: 1100px;
                }
             
                #cp-main .panel {
                box-shadow: 0px 0px 0px rgba(86, 86, 86, 0.3), 0px 0px 0px rgba(86, 86, 86, 0.3);
                padding: 20px;
                margin: 0px 0px;
                margin-left: -20px;
                margin-right: -10px;
                border-radius: 0px;
                margin-top: -25px;
                text-align: right;
                overflow: hidden;
                font-size: 11px;
                }
                #grupos-bg {
                    width: 1090px;
                    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png);
                    border-top: 5px solid #ffffff;
                    border-bottom-left-radius: 30px;
                    border-bottom-right-radius: 30px;
                    box-shadow: 0px 10px 0px #b13740;
                    background-size: cover;
                    animation-name:vila;
                    -webkit-animation:vila 20s infinite;-moz-animation:vila 20s infinite;animation:vila 20s infinite;
             
                }
             
             
                @keyframes village {
                    0% {background: #005c2d; }
                    25% {background: #96684e; }
                    50% {background: #0073b0; }
                    75% {background: #b31938; }
                    100% {background: #C2A30A;}
                }
             
                @keyframes vila {
                    0% {border-top: 5px solid #005c2d; box-shadow: 0px 10px 0px #005c2d}
                    25% {border-top: 5px solid #96684e; box-shadow: 0px 10px 0px #96684e}
                    50% {border-top: 5px solid #0073b0; box-shadow: 0px 10px 0px #0073b0}
                    75% {border-top: 5px solid #b31938; box-shadow: 0px 10px 0px #b31938}
                    100% {border-top: 5px solid #C2A30A; box-shadow: 0px 10px 0px #C2A30A}
                }
             
             
                #vilas {
                margin: auto;
                text-align: center;
                padding: 15px 0px 0px 0px
                }
             
                .barrabranca1 {
                    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
                    content: ' ';
                    height: 135px;
                    left: 42px;
                    position: relative;
                    top: -15px;
                    transform: skew(-14deg);
                    width: 50px;
                    z-index: 99!important;
                }
             
                .barrabranca2 {
                    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
                    content: ' ';
                    height: 135px;
                    left: 220px;
                    position: relative;
                    top: -150px;
                    transform: skew(-14deg);
                    width: 66px;
                    z-index: 99!important;
                }
             
                .barrabranca3 {
                    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
                    content: ' ';
                    height: 135px;
                    left: 415px;
                    position: relative;
                    top: -285px;
                    transform: skew(-14deg);
                    width: 66px;
                    z-index: 99!important;
                }
             
                .barrabranca4 {
                    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
                    content: ' ';
                    height: 135px;
                    left: 610px;
                    position: relative;
                    top: -420px;
                    transform: skew(-14deg);
                    width: 66px;
                    z-index: 99!important;
                }
             
                .barrabranca5 {
                    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
                    content: ' ';
                    height: 135px;
                    left: 805px;
                    position: relative;
                    top: -555px;
                    transform: skew(-14deg);
                    width: 66px;
                    z-index: 99!important;
                }
             
                .barrabranca6 {
                    background: url(https://images2.imgbox.com/e0/d4/BwbBeC58_o.png) #272a37;
                    content: ' ';
                    height: 135px;
                    left: 1001px;
                    position: relative;
                    top: -690px;
                    transform: skew(-14deg);
                    width: 50px;
                    z-index: 99!important;
                    margin-bottom: -810px;
                }
             
                img.img-group-village-ko, img.img-group-village-su, img.img-group-village-ki, img.img-group-village-iw, img.img-group-village-ku {
                    height: 130px;
                    width: 165px;
                    position: relative;
                    margin: -15px 15px 0px;
                    box-shadow: inset 0px 0px 11px 9px transparent;
                    border-top: 5px solid transparent;
                    background: #1b1d26;
                    animation-name: village;
                    -webkit-animation:village 20s infinite;-moz-animation:village 20s infinite;animation:village 20s infinite;
                    filter: grayscale(100%)
                }
             
                img.img-group-village-ko:hover, img.img-group-village-su:hover, img.img-group-village-ki:hover, img.img-group-village-iw:hover, img.img-group-village-ku:hover {
                    filter: grayscale(0%);
                    transition: 1.5s;
                }
             
                #membros-conectados24 {
                    font-family: verdana;
                    font-size: 11px;
                    text-align: justify;
                    height: 130px;
                    margin-left: 40.8%!important;
                    overflow: auto;
                    padding: 5px;
                    position: relative;
                    top: 30px;
                    width: 500px;
                }
             
                #stats-esta {
                    color: #fff;
                    font-family: arial;
                    font-size: 11px;
                    left: 51.8%;
                    padding: 5px;
                    position: relative;
                    text-align: center;
                    text-transform: uppercase;
                    top: -15px!important;
                    height: auto!important;
                    width: 500px;
                }
             
                    #stats-esta a {
                    color: #ff7781;
                }
             
                #membros-online {
                    font-family: verdana;
                    font-size: 11px;
                    height: 130px;
                    text-align: justify;
                    overflow: auto;
                    padding: 5px 5px 5px 100px;
                    position: relative;
                    margin-left: 62.8%!important;
                    top: 3px!important;
                    width: 400px;
                }
             
                #recorde-users {
                    color: #fff;
                    font-family: arial;
                    font-size: 11px;
                    margin-left: 52.8%;
                    padding: 5px 5px 5px 100px;
                    position: relative;
                  text-align: center;
                    top: 239px!important;
                    width: 400px;
                }
             
                        #indefinido {
                                background: #795548;
                      font-size: 11px;
                    font-family: arial;
                        }
                  .estatisticas-forum {
                    background: url(https://images2.imgbox.com/bf/06/OMRM4I9V_o.png) #b13740;
                    background-position: center center;
                    background-repeat: no-repeat;
                    height: 448px;
                    width: 100%;
                    position: relative;
                    margin-left: -10px;
                }
</style>