Personalizar estatisticas

Detalhes da questão

Endereço do fórum: http://zonagrafica.forumeiro.com/
Versão do fórum: PunBB

Descrição

Bem eu estive a alterar as minhas estatísticas do fórum, mas queria alterar mais que não sei, que era:


Verde: queria esticar aquele traço todo até fechar completamente
Azul: queria dar uma quebra de linha ou seja um espaço em baixo entre o Aniversário e Legenda
Vermelho: queria esticar as estatísticas até aos widgets ou até mesmo nas informações que aparecem abaixo

Olá,

Forneça-me o seu overall_footer_begin, por gentileza.

Até mais.

Aqui está:

Código:

<!-- BEGIN html_validation -->
<div>
   <div>
      <div>
         <div>
            <div>
               <div>
                  <div>
                     <div>
<!-- END html_validation -->
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <div id="{ID_RIGHT}">
            <!-- BEGIN giefmod_index2 -->
            {giefmod_index2.MODVAR}
            <!-- BEGIN saut -->
            <div style="height:{SPACE_ROW}px"></div>
            <!-- END saut -->
            <!-- END giefmod_index2 -->
         </div>
      </div>
   </div>
</div>
<div id="pun-foot">
   <div id="pun-about" class="clearfix">
      <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}" id="qjump">
         <fieldset>
            <p><label>{L_JUMP_TO}:&nbsp;</label></p>
            {S_JUMPBOX_SELECT}&nbsp;<input type="submit" value="{L_GO}" />
         </fieldset>
      </form>
      <ul>
         <li>
<!-- BEGIN html_validation -->
         </li>
      </ul>
   </div>
</div>
<!-- END html_validation -->

Boa noite!

Podemos ir aos poucos? ^^
Acrescente esse CSS:

Código:

#onlinelist p {
display: block !important;
margin-bottom: 5px;
}

Verifique se ele vai dar o espaço que o senhor deseja! (Linha blue)

Sim deu o espaço ^^

Boa tarde!

Crie um novo js, no índice:

Código:

$(function(){
$('head').prepend('<style>div#pun-info {position: absolute;width: 79%}</style>');
$('#main-content').append('<div style="height: 270px"></div>');
});

Agora só falta o traço em verde e fica óptimo!

Olá!

Adicione ao CSS:

Código:

.main#pun-info .main-content {
    padding: 0px;
}
#stats {
    padding: 8px !important;
}
#onlinelist {
    padding: 8px !important;
}



Até mais.

Perfeito amigo, obrigado a ambos!