Fóruns e categorias

Qual é minha questão:
Bem, gostaria de saber como fazer isso (em vermelho na imagem), ou algo parecido, achei interessante e gostaria pro meu Fórum;
E também em como alterar fonte e cor do nome da Categoria (retângulo azul na imagem), sem alterar as demais fontes links (circulo em azul na imagem);


Imagem: https://2img.net/r/ihimizer/img267/1893/78906753.jpg
Fórum em comparação: http://www.rpghogwarts.org




Endereço do meu fórum:
http://marcodopercurso.forumbrasil.net

Versão do fórum:
PHPBB2

olá tente este código informado pelo amigo Luciano98 em outro tópico

Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

Código:

.forabg .topiclist.forums .row .icon dd.dterm{text-align:center}.forabg .topiclist.forums .row .icon dd.dterm div{margin:0px!important;float:center}.forabg .topiclist.forums .row .icon dd.dterm div img{float:center!important}

Valide.

Atenciosamente

Não deu certo amigo :S

o amigo today passou o seguinte código em outro tópico com a mesma duvida

Today escreveu:Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Visualização Imagens e Cores Cores Folha de estilos CSS

Código:

li.header dd,li.header dt{text-align:center}.table-title h2{color:white;display:inline;font-size:1em;font-weight:700;text-transform:uppercase;font-family:Verdana,Arial,Helvetica,sans-serif}

Valide.

Melhores cumprimentos,
Today

Caso não resulte em meu forum uso este código, não é o mesmo, mas é semelhante e este sei que pega em phpbb2

Código:

/*categorias*/
a.forumlink:link {
    background: url("http://i45.servimg.com/u/f45/15/65/31/89/vhg1111.png") repeat scroll 0 0 transparent;
    border: 1px dotted #999999;
    border-radius: 10px 10px 0 0;
    color: #FFA03C;
    display: block;
    font-family: Browallia New;
    font-size: 18px;
    height: 20px;
    letter-spacing: -1px;
    text-align: center;
    text-shadow: 1px 1px 1px #000000;
    text-transform: capitalize;
}
a.forumlink:hover {
    -moz-transition-duration: 1s;
    color: #fad105;
    letter-spacing: 0;
    text-shadow: 0 0 1px black;
  text-transform: uppercase;}

Não deu amigo :S

Eu consegui de outra maneira, colocando um Template na descrição e tirando o nome, no entanto gostaria de modificar algumas coisas no Template para ficar mais parecido com o que mostrei. Por exemplo, colocar uma imagem e aumentar a caixa, mas nao entendo disso. Sera que consegue me ajudar?

Esse é o código do Template, se conseguir alterá-lo ao menos um pouco para ficar como aquele, seria de grande ajuda:

Código:

<div style=" text-shadow: 3px 3px 5px black;"><font face="Mandingo" size="5" color="#cccccc"><center>Ajuda e Suporte</font></div><center><div style="width: 500px; background:#505050; -webkit-box-shadow: 0 8px 6px -2px black; -moz-box-shadow: 0 8px 6px -5px black; box-shadow: 0 8px 6px -5px black;"><font face="Calibri" size="1"><a href="http://hp-hogwarts.forumeiros.com/t2-regras-para-duelos">REGRAS DE DUELOS</a> :: <a href="http://hp-hogwarts.forumeiros.com/t3-regras-do-rpg">REGRAS DO RPG</a> :: <a href="http://hp-hogwarts.forumeiros.com/t4-tutorial-do-rpg">TUTORIAL DO RPG</a></center></font></div>

Desde já, grato

Vou ver com a minha designer, acredito que ela deve ter modificado algo no template, assim que obtiver uma resposta dela posto aqui

Certo, obrigado!