Tópicos do forum

• Descrição:

Quero fazer isso no meu forum como ta na imagem 
https://i.servimg.com/u/f57/18/44/47/18/captur12.png
Forum que eu vi : http://different-halfblood.forumeiros.com/

• Informações:

Código:


element.style {
width: 500px;
height: auto;
background: #050505;
border-left: 10px solid #cc5500;
}
a.forumtitle {
display: block;
font-family: "amatic sc";
font-size: 35px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 15px;
left: 15px;
letter-spacing: 5px;
margin-bottom: -2px;
padding: 5px;
position: relative;
text-transform: lowercase;
top: 2px;
}
a.forumtitle {
color: #adabab;
font-family: Helvetica,Candara,arial;
font-size: 1.2em;
font-weight: 700;
text-decoration: none;
}
a:visited {
color: #adabab;
text-decoration: none;
}
a:link {
color: #adabab;
text-decoration: none;
}

Código:


<style type="text/css">
#forum{width: 150px; background-color: #9a4c00; border-radius: 100px; text-transform: uppercase; font-family: calibri; text-align: center; padding: 2px; border-bottom: #000 solid 2px;} #forum:hover {width: 150px; background-color: #1f1f1f; border-radius: 100px; text-transform: uppercase; font-family: calibri; text-align: center; padding: 2px; border-bottom: #000 solid 2px;}
</style>
<center>
<div style="width: 500px; height:auto; background: #050505; border-left: 10px solid #cc5500;">
<table>
<tbody>
<tr>
<td>
<div style="width: 300px; padding: 10px; font-size: 9px; font-family: calibri; text-transform: uppercase; text-align: justify; line-height: 100%;"> NO FÓRUM A SEGUIR ENCONTRAM-SE AUXÍLIOS PARA O USUÁRIO, COMO AS INFORMAÇÕES BÁSICAS SOBRE O FÓRUM E ETC... É IMPORTANTE QUE TODOS QUE ENTRAM NO FÓRUM PASSEM POR AQUI E LEIA CADA TÓPICO ATENTAMENTE. POR FAVOR, NÃO RECLAMEM DEPOIS POR INJUSTIÇA SEM SABER EXATAMENTE AS REGRAS E O PORQUE. </div>
</td>
<td style="padding: 10px; ">
<div id="forum">
<a href="http://different-halfblood.forumeiros.com/t510-regras">Regras Gerais</a>
</div>
<div id="forum">
<a href="http://different-halfblood.forumeiros.com/t852-sistema-de-duelos">Sistema de Duelos</a>
</div>
<div id="forum">
<a href="http://different-halfblood.forumeiros.com/t519-sistema-de-mortes">Sistema de Mortes</a>
</div>
<div id="forum">
<a href="http://different-halfblood.forumeiros.com/t676-sistema-de-dracmas">Sistema de Dracmas</a>
</div>
<div id="forum">
<a href="http://different-halfblood.forumeiros.com/t671-achievements">Achievements</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</center>