Separação das Categorias

Olá², eu Queria Saber como Separar as Categorias na Aparencia do Forum.
--------------

As Categorias do meu forum tão juntas veja a Imagem.

---

Fórum: http://tdkclan-samp.forumeiros.com/forum (punBB)

Buenas!

Adicione ao teu CSS este código:

Código:

.pun .main, .pun .main-category {
background-position: 0px 0px;
background-repeat: repeat-x;
clear: both;
margin-bottom: 4px;
padding: 0px 5px;
}

Cordial!

Não Funcionou.

#Mals por adianta em Resolvido.

Buenas!

Teremos de fazer a edição de uma página de template, para que possamos o fazer teremos de aceder à:
Painel de controle -> Visualização -> Templates -> Geral -> index_box

Atenção a esta parte. Primeiramente salve todo o template em um bloco de notas para caso algo saia errado, você possa recolocá-lo. Assim que o fizer, procure no template o seguinte código:

Código:

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

E antes desta partícula, coloque o seguinte:

Código:

<div id="CatSeparar"></div>

Logo após salve e publique o template. Lembre-se que após salvar, o senhor deve voltar no template index_box e ( Publicar)

Agora vamos adicionar o código CSS que sustentará a separação. Terá de aceder a:
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Código:

#CatSeparar{
width:100%;
height:70px;
padding:5px;
margin-left:-5px;
margin-top:10px;
}

No caso de não funcionar, volte ao template index_box e pressione o botão ( ). Depois disto, vá até:

Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

E adicione este código no inicio/final do seu CSS:

Código:

.main .main-head {
background-position: 0px 0px;
background-repeat: repeat-x;
clear: both;
margin-bottom: 4px;
padding: 0px 5px;
}

Cordial!

não axei o codigo <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

ai nao mudou nada..

Buenas!

No fim da minha mensagem anterior, dei outra opção de separação entre as categorias. Basta seguir:

Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

E adicione este código no inicio/final do seu CSS:

Código:

.main .main-head {
background-position: 0px 0px;
background-repeat: repeat-x;
clear: both;
margin-bottom: 4px;
padding: 0px 5px;
}

Cordial!

nem assim, nenhum comando pego.

Buenas!

Poderia me enviar tua CSS ?

Cordial!

Opa, Vlww eu Consegui arrumar Código Improvisado >>

Código:

.main .main-head ,.main .main-foot {
background-image: url(http://i.imgur.com/3mBvC.png);
margin-left:0px;
margin-top:10px;
height: 22px;
}

Vlww agr s ta Do jeito q eu queria...