Sub-fóruns personalizados

Detalhes da questão

Endereço do fórum: http://narutofasex.forumeiros.com/
Versão do fórum: PunBB

Descrição

Olá!
Eu gostaria de saber, como colocar os sub fóruns desta forma:
http://prntscr.com/cn6gpv

Não precisa ser algo totalmente igual.
Apenas parecido (A imagem redonda, e com os quadros).
O fórum, é este:

http://www.instit-durmstrangrpg.org/

Obrigado!

Olá,

Acesse a descrição de algum sub-fórum e coloque o seguinte código:

Código:

<center>
        
   <table>
           
      
         <tbody><tr>
                 
            <td>
                    
               <div style="width: 370px; height: 100px;background:#210000; padding: 6px; border: 4px double #b49a55;margin-top:15px; margin-bottom: 1px;margin-left:50px;color#fff">
                       
                  <center>
                          
                     <div style="width:250px;color: #bca76f; text-align: justify; font-family: trebuchet ms;text-transform:uppercase;letter-spacing:1px; font-size: 8px;;position: relative; top: 0px; left:40px;">
                          Área aos avisos gerais aos membros do forum, os informes, e a forma que encontramos de nos conectarmos ainda mais com os players. Aqui também ficam os novos eventos, e as fiszalizações gerais dos grupos.             
                     </div>
                          
                     <div style="width:200px;margin-top: -59px; margin-left:380px">
                             
                        <div style="float: left; color: #a57542; font-size: 10px; text-align: center; font-family: calibri; line-height: 180%; padding-left: 5px;letter-spacing: px; margin: 0.5px; width: 120px; height: 18px; background:#210000;text-shadow: 1px 1px #000;text-transform:uppercase;">
                               •<a href="http://www.instit-durmstrangrpg.org/t671-avisos-gerais-aos-membros-do-rg"><span style="color: rgb(165, 117, 66);">Avisos</span></a>•   
                        </div>
                                                           
                        <div style="float: left; color: #a57542; font-size: 10px; text-align: center; font-family: calibri; line-height: 180%; padding-left: 5px;letter-spacing: px; margin: 0.5px; width: 120px; height: 18px; background:#210000;text-shadow: 1px 1px #000;text-transform:uppercase;">
                               •<a href="http://www.instit-durmstrangrpg.org/f226-fiscalizacoes-gerais"><span style="color: rgb(165, 117, 66);">Fiscalizações</span></a>•   
                        </div>
                             
                        <div style="float: left; color: #a57542; font-size: 10px; text-align: center; font-family: calibri; line-height: 180%; padding-left: 5px;letter-spacing: px; margin: 0.5px; width: 120px; height: 18px; background:#210000;text-shadow: 1px 1px #000;text-transform:uppercase;">
                               •<a href="link"><span style="color: rgb(165, 117, 66);">xxxx</span></a>•   
                        </div>
                             
                        <div style="float: left; color: #a57542; font-size: 10px; text-align: center; font-family: calibri; line-height: 180%; padding-left: 5px;letter-spacing: px; margin: 0.5px; width: 120px; height: 18px; background:#210000;text-shadow: 1px 1px #000;text-transform:uppercase;">
                               •<a href="link"><span style="color: rgb(165, 117, 66);">xxxx</span></a>•   
                        </div>
                             
                        <div style="float: left; color: #a57542; font-size: 10px; text-align: center; font-family: calibri; line-height: 180%; padding-left: 5px;letter-spacing: px; margin: 0.5px; width: 120px; height: 18px; background:#210000;text-shadow: 1px 1px #000;text-transform:uppercase;">
                               •<a href="link"><span style="color: rgb(165, 117, 66);">xxxx</span></a>•   
                        </div>
                             
                        <div style="float: left; color: #a57542; font-size: 10px; text-align: center; font-family: calibri; line-height: 180%; padding-left: 5px;letter-spacing: px; margin: 0.5px; width: 120px; height: 18px; background:#210000;text-shadow: 1px 1px #000;text-transform:uppercase;">
                               •<a href="link"><span style="color: rgb(165, 117, 66);">xxxx</span></a>•   
                        </div>
                             
                     </div>
                          
                  </center>
                           
               </div>
                        
               <div style="width: 300px; height: autopx; font-family:; margin-right: 10px; text-align: right; font-size: 8px;">
                       
               </div>
                    
            </td>
                 
            <td>
                    
               <div style="width: 130px; height: 130px; background: url(http://28.media.tumblr.com/tumblr_lx3eb3kGbj1qch8u0o6_250.gif); background-size: cover; border-radius: 100%; border: solid #b49a55 5px;margin-left:-440px">
                       
               </div>
                    
            </td>
                 
         </tr>
              
      
   </tbody></table>
   
</center>

Basta você editar a seu gosto agora, colocando suas imagens, textos e links!
Até mais.

Obrigado, Cream! Ajudou muito mesmo
Pode fechar.