Ajustes no campo de usuários online.

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Administrador
Navegador usado : Google Chrome
Imagem :

Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : Template padrão forumeiros.
Endereço do fórum : http://rpg-players.forumbrasil.net/

Descrição do problema

Buenas.

Preciso de ajuda apenas para pequenos detalhes.

Como mostrado na imagem em anexo ao formulário, seriam estas:

1- Remover campo de "Quem está conectado".
2- Passar a data de usuários online para o campo indicado.
3- Diminuir a altura do campo indicado. Está muito alto.
4- Remover este campo, já que o mesmo ficará repetido depois do passo 2.

Agradeço. Obrigado.

Edit:

Index_body

Código:

<!-- BEGIN disable_viewonline -->
<div id="pun-info" class="main">
<div id="stats">
                  <br />
                  <ul class="statsPers">
                    <li class="statHide rdtOn">Teste1: {RECORD_USERS}</li>
                    <li class="statHide lastUser">Teste2: {NEWEST_USER}</li>
                    <li class="statHide totalUser">Teste3: {TOTAL_USERS}</li>
                    <li class="statHide totalPost">Teste4: {TOTAL_POSTS}</li>
                  </ul>
              <br />
        
          </div>
      <div id="onlinelist">
         <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
         <p class="right">
            <!-- BEGIN switch_viewonline_link -->
            <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
            <!-- END switch_viewonline_link -->
            <!-- BEGIN switch_viewonline_nolink -->
            {L_WHO_IS_ONLINE}
            <!-- END switch_viewonline_nolink -->

Javascript

Código:


$(document).ready(function(){
var rdtOn = $('.rdtOn strong').html();
var lastUser = $('.lastUser strong').html();
var totalUser = $('.totalUser strong').html();
var totalPost = $('.totalPost strong').html();


$('ul.statsPers').prepend('
<li><span>'+totalPost+'</span> Total de posts</li>
<li><span>'+totalUser+'</span> Total de membros</li>
<li><span>'+lastUser+'</span> Membro mais novo</li>
<li><span>'+rdtOn+'</span> Recorde de usuários online</li>
');


});

CSS

Código:

#stats {
text-align: center !important;
display: table;
background-color: #3B5898;
width: 999px;
border: 3px;
border-color: white;
}

.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}

.statsPers li > span {
padding: 5px 8px;
background: #E1E1E1;
box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-o-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
border: 1px solid #E1E1E1;
margin-bottom: 10px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
text-shadow: 1px 1px 0 white;
color: #111;
font-weight: 700;
}
.statsPers li {
float: left;
color:#ffffff;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}

Saudações amigo,

Apenas é aceitável uma dúvida por tópico, portanto vamos sanar a primeira dúvida e para as outras crie um tópico separadamente.
Altere teu CSS pelo abaixo:

Código:

p.right {
display: none!important;
}
#stats {
text-align: center !important;
display: table;
background-color: #3B5898;
width: 999px;
border: 3px;
border-color: white;
}

.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}

.statsPers li > span {
padding: 5px 8px;
background: #E1E1E1;
box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-o-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
border: 1px solid #E1E1E1;
margin-bottom: 10px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
text-shadow: 1px 1px 0 white;
color: #111;
font-weight: 700;
}
.statsPers li {
float: left;
color:#ffffff;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}

Até mais.

Questão 1 resolvido.