Personalizar "Quem está conectado"

Detalhes da questão

Endereço do fórum: http://nanatsunotaizairpg.forumeiros.com/
Versão do fórum: PunBB

Descrição

Olá, estou enfrentando um problema, a parte do quem está conectado no gif está sobrando espaço, queria que o espaço fosse encurtado para o tamanho do gif.

Olá autor, bom dia.

Adicione esse código em sua folha de estilo css:

Código:

div#onlinelist {margin-bottom:-30px!important;}

Até mais.

Olá, não resultou e bugou tudo, menu de navegação, alterou cores e tudo mais

UP!

Olá autor, bom dia.

UP's só são permitido em 24 horas depois da ultima resposta no tópico, cuidado pois pode ser punido. Poderia confirmar se esse é o link do seu fórum: http://nanatsunotaizairpg.forumeiros.com/

Pois, o código que mandei você adicionar, não afeta o seu menu de navegação não.... e muito menos muda a cor , até porque só tem a propriedade de diminuir a margin de baixo.

Olha o resultado que tem em seu fórum (com o código):



Percebeu que diminuiu o espaço que tinha em baixo certo? era isto o desejado né?

Até mais.

Olá, bom dia.

Na primeira tentativa de adicionar o tópico estranhamente ficou tudo bugado, sim até eu estranhei o motivo. E sim, adicionei na folha de css:

Spoiler:

Esse é outro resultado encontrado agora,apenas o painel e controle "subiu" um pouco. Confirmei e vi que quando estou deslogado, o problema não persiste, porém, uma vez logado o problema aparece.

Código:

/** Quem está conectado */
div#onlinelist {
  background-repeat: no-repeat;
  min-height: 280px;
  padding-left: 520px;
}
 
div#stats {
  padding: 0;
  margin-bottom: 30px;
}
 
div#onlinechat {
  padding: 0;
  margin-top: 30px;
}
div#onlinelist{
  font-size: 12px;
}
div#onlinechat {
  border-top: none;
}
/** conectado como e top postadores removidos **/
#pun-visit {
display: none;
}
.main-box.clearfix {
display: none;
}
/** chat **/
div#chatbox_members {
  border-right: none;
}
 
div#chatbox_footer {
  border-top: none;
  background-color: #cccccc;
}
#chatbox {background-color: #cccccc;}
#chatbox_members {background-color: #cccccc;}
/** tirar coisas **/

#pun-about {
display: none; }

a {
text-decoration: none;}
#pun-intro{
   padding-left: 0;
     padding-right: 0;
    padding-bottom: 0;
     padding-top: 0;
 
}

#i_icon_mini_index{
   max-height: 100;
     height: auto;
     width: 253px;
     
}
#i_icon_mini_search{
   max-height: 100;
     width: auto;
     width: 253px;
     
}
#i_icon_mini_profile{
   max-height: 100;
     width: auto;
   width: 253px;     
}
#i_icon_mini_members{
   max-height: 100;
     width: auto;
   width: 253px;   
}
#i_icon_mini_groups{
   max-height: 100;
     width: auto;
   width: 253px;   
}
#i_icon_mini_profile{
   max-height: 100;
   width: 253px;
}
#i_icon_mini_logout{
   max-height: 100;
     width: auto;
   width: 253px;   
}
#i_icon_mini_message{
   max-height: 100;
     width: auto;
   width: 253px;   
}
#i_icon_mini_members{
   display: none;
}
#i_icon_mini_groups{
   display: none;
}
#pun-head #pun-navlinks{
     padding: 0;
   padding-left: 0;
     padding-right: 0;
    padding-bottom: 0;
     padding-top: 0;
}

#i_icon_mini_login{
   max-height: 100;
}
#i_icon_mini_new_message{
   max-height: 100;
}

#branding {
    background: url(http://i.imgur.com/XHZApfo.png) repeat-x;
}

#pun-logo{
   max-width: 100%;
     max-height: 100%;
}

a.mainmenu img#i_icon_mini_faq {
margin-left: -1px;
}
a.mainmenu {
font-size: 0px;
}
#MinhaLogo{
   width: 100%;
     height: 100%;
     padding-bottom: 15px;
}
.mainmenu{
     width: 50px;
}
.clearfix{
   height: auto;
}

Essa é minha folha de css, retirei agora o código pois não houve resultado, e sim, coloquei em baixo de tudo.

Obrigado pelo seu tempo, Gabriel.

Olá, tente usar este código ao topo de sua CSS:

Código:

div#onlinelist {
margin-bottom: -48px!important;
min-height: 253px!important;
}

No mais, não poderemos fazer muita coisa pelo senhor, visto que o problema só aparece para quem tem acesso ao painel de controle.
Assim, você terá que modificar o valor do código CSS acima até ficar correto.
Vá alterando este valor:

margin-bottom: -48px!important;

Onde tem -48px é o valor que você deve modificar até ficar certo...

Até mais.