Como fazer as categorias parecidas com essa?

Qual é minha questão:
Como posso deixar as categorias parecidas com a desse fórum:
http://www.kromusdesign.com/

Medidas que eu tomei para corrigir o problema:
vim aqui

Imagens do meu problema:
https://i.servimg.com/u/f44/16/44/28/98/categ10.png

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

Versão do meu fórum:
PHPBB3

Paróla;

Vá em: Painel de controle Visualização Cores "Aba" Folha CSS. Tesouros não são apenas ouro e prata, amigo.

Depois acrescente o seguinte codigo:

Código:

ul.topiclist {
background-image: url(http://2img.net/i/fa/empty.gif);
background-repeat: repeat-x;
color: #6B6B6B;
list-style-type: none;
margin: 0;
}
ul.forums {
background-color: #F2F2F2;
background-image: none;
}
ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}

Não esqueça de clicar em "Validar"
Até Mais

adicionei esse código e não aconteceu nada

alguém pode me ajudar?

Olá,

A versão do fórum dado não é "compatível" com a sua. Ou seja, os resultados não serão iguais. Se quiser, veja como ficará em sua versão:

Vá em: Painel de controle Visualização Cores "Aba" Folha CSS.

Código:

li.header dd, li.header dt,.table-title, .table-title h2 {
  background-image: url(http://2img.net/i/fa/empty.gif);
background-repeat: repeat-x;
color: #6B6B6B;
list-style-type: none;
margin: 0;
}

ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
.forabg {
background-image: none;
background-color: #3F3F3F;
padding-left: 4px;
padding-top: 4px;
border: 4px solid #3F3F3F;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
behavior: url(border-radius.htc);
border-image: initial;
}

span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
  display: none;
}

Até mais.