Categoria personalizada

Qual é minha questão:
Gostaria de colocar minha categoria como o desse fórum http://bleachninepowers.fullforums.net/forum


Medidas que eu tomei para corrigir o problema:
Nenhuma

Links e imagens do meu problema:
http://bleachninepowers.fullforums.net/forum Fórum

https://i.imgur.com/qkeQN.png Imagem

Endereço do meu fórum:
www.war-design-teste.ativoforum.com

Versão do meu fórum:
PHPBB2

Adcione esse codigo a sua css:

Código:

.descri {
    background-color: white !important;
    padding: 5px !important;
    font-family: Times New Roman;
    text-align: top justify;
    }
    .descri {
    background-color: #F7F4F4;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-topright: 15px;
    -webkit-border-radius: 15px;
    -htm-border-radius: 15px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: none;
    padding-top: 5px;
    -moz-box-shadow: 1px 1px 2px #cbcaca, -1px -1px 2px #cbcaca;
    -webkit-box-shadow: 1px 1px 2px #cbcaca, -1px -1px 2px #cbcaca;
    text-align: center;
    height: 100px;
    }

    #last-post {
    background-color: #F7F4F4;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-topright: 15px;
    -webkit-border-radius: 15px;
    -html-border-radius: 15px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: none;
    padding-top: 5px;
    padding: 7px;
    -moz-box-shadow: 1px 1px 2px #cbcaca, -1px -1px 2px #cbcaca;
    -webkit-box-shadow: 1px 1px 2px #cbcaca, -1px -1px 2px #cbcaca;
    text-align: top justify;
    height: 97px;
    color: gray !important;
    }
 
  a.lienssousfo {
    font-size: 28px;
    font-family: Times New Roman;
    text-shadow: white 1px 1px 2px;
    font-stretch: ultra-condensed;
    letter-spacing: -2px;
    opacity: 0.7px;
    text-align: right;
    text-decoration: none;
    font-weight: bold;
    font-style: italic;
    text-transform: lowercase;
    display: inline-block;
    }

E troque o templade da area das suas categorias por esse:

Código:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><div colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> <span style="color: SandyBrown;">••</span>{catrow.tablehead.L_FORUM} </div>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" style="background-image: url(http://img691.imageshack.us/img691/3579/sanstitre15fm2.jpg);"> </th>
      <th nowrap="nowrap" width="150" style="background-image: url(http://img691.imageshack.us/img691/3579/sanstitre15fm2.jpg);"><div style="width:150px;" style="background-image: url(http://img691.imageshack.us/img691/3579/sanstitre15fm2.jpg);"> </div></th>
  </tr>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="righ>t"> </td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50"><div class="descri">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
        </h{catrow.forumrow.LEVEL}>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                  </span><br />
           
                  </div></td>
      <td class="row3 over" align="center" valign="middle" height="50"  style="z-index: 9999 !important;">
                  <div id="last-post"><span class="gensmall">Topicos {catrow.forumrow.TOPICS} - Mensagens {catrow.forumrow.POSTS} <br />{catrow.forumrow.LAST_POST}</span></div>
      </td>
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Espero ter ajudado

Não Resultou como eu queria, mas pode fechar o tópico ^^