Categorias como estas

Qual é minha questão:
queria saber como colocar minhas categorias iguais as desse forum http://cistem-aperio.forumeiros.com/ .


Medidas que eu tomei para corrigir o problema:
-x-

Links e imagens do meu problema:
-x-

Endereço do meu fórum:
http://narutothelegend.forumeiros.com/

Versão do meu fórum:
PHPBB3

Olá, aceda a Painel de controle Visualização Imagens e Cores Cores Aba 'Folha de estilo CSS' cole o codigo abaixo e salve.

Código:

li.header {
background: url("http://i53.tinypic.com/29dtmas.jpg") repeat scroll 0 0 #000000;
border-radius: 30px 30px 0 0;
color: #COLOR;
font-size: 8px;
font-weight: 700;
margin-right: -10px;
padding: 6px 0 1px;
height: 31px;
letter-spacing: 0;
text-align: center;
text-shadow: text-shadow:4px 4px 4px #000000;
text-transform: none;
vertical-align: middle;
}
a.mainmenu {
font-family: Times New Roman;
font-size: 32px;
font-style: italic;
font-weight: lighter;
letter-spacing: -3px;
line-height: 0.6em;
margin-top: -70px;
text-align: center;
text-shadow: 1px 1px 1px    #B5B5B5;
text-transform: lowercase;
}

a.mainmenu:hover{
text-decoration: none;
color : #434343;
text-transform:lowercase;
}

Até mais

Olá,

No caso do código acima não funcionar, utilize o seguinte código:

Código:

div.forabg {
background-image: url(http://cistem-aperio.forumeiros.com/35-ltr.css);
}

.forabg {
background-color: black;
background-image: url(http://2img.net/i/fa/empty.gif);
background-position: 0px 0px;
background-repeat: repeat-x;
border: 2px solid #0D0D0D;
border-image: initial;
clear: both;
margin-bottom: 4px;
padding: 0px 5px;
}

Os mesmos devem ser adicionados em:
Painel Visualização Imagens e Cores Cores / Folha de Estilo CSS

Até mais.

Muito obrigado o codigo funcionou perfeitamente podem fechar o topico