Tópicos do fórum

Qual é minha questão:
Eu queria modificar o meu fórum e deixar assim:



Nota que o primeiro contornado de vermelho está com o título dentro desta parte cinza! E o segundo está com o número 4, ou seja, é o quarto comentário!

Ai, o que eu quero é, colocar este 4, e esta barra cinza, para deixar tanto o 4 como o título do tópico dentro desta barra cinza!

Fórum que eu vi: http://topixel.forumais.com/t235-download-xdr-cms-12-2012#1248

Agradeço a quem me ajudar!

Medidas que eu tomei para corrigir o problema:
Vir aqui!

Links e imagens do meu problema:


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

Versão do meu fórum:
PHPBB3

Booa noite!

A versão do fórum passado é PUNBB, ou seja tem outras áreas de personalização (como esta que você deseja).

Eu lhe fornecerei o código, porém ficará estranho em sua versão.
Vá em: Painel de controle ->> Visualização ->> Cores ->> Folha CSS.

Adicione no conteúdo:

Código:

p.author,.postbody .topic-title {padding: 0.5em 1.3em 0.5em 1em;
background-color: #D9D9D9;
background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/gradie10.png");
background-position: 0 50%;
background-repeat: repeat-x;
border-bottom-color: #D0D0D0;
border-bottom-style: solid;
border-bottom-width: 1px;
margin-top: -2px;
}

Até mais. =)

Olha o que isto fez:



Pode ser exatamente assim, mas, ele bugou! O título é: "Bugs poderão ocorrer"! O nome "BUGS" ficou por traz *-* Tem como fazer o título pular 1 linha? Obg!

Boa noite!

Substitua o código dado por este:

Código:

p.author,.postbody .topic-title {
background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/gradie10.png");
}

Até mais. =)

Boa tarde,

Tente este código para o título:

Código:

h2.topic-title a {
margin-top: 25px !important;
}

Adicione em:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Melhores cumprimentos!