Personalizar categorias e fóruns

[Seikon]

Qual é minha questão:
Como faço para deixar minhas categorias exactamente desta forma eu vi um topico semelhante mas a versão do forum do Shion ( O que fez a pergunta) é diferente que a minha

Forum Exemplo: http://www.naruto-rpg.net/forum

Medidas que eu tomei para corrigir o problema:
Procurar Topicos semelhantes

Links e imagens do meu problema:


Endereço do meu fórum:
http://bleachninepowers.fullforums.net/forum

Versão do meu fórum:
phpBB2

[Seikon]

Marcando para não ficar esquecido e parar na lixeira

[Cream]

Olá,

Veja se este tutorial lhe ajuda:
https://ajuda.forumeiros.com/t56839-

Até mais!

[Seikon]

N resultou pois não achei as partes, meu template é modificado ja veja:

Spoiler:

[MateusV.]

Olá, poderia me dizer se seu template index_box já foi modificado?

Até mais.

[Seikon]

Este não, mas o Body sim

[MateusV.]

Olá, no caso, substitua-o por este

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 -->

Publique-o e adicione este codigo em seu CSS

Código:

.descri {
  background-color: #F7F4F4;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-topright: 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;
text-align: justify;
height: 90px;
}
#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;
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;
text-align: center;
height: 90px;
  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;
}
.forumline {
-moz-box-shadow: 1px 1px 2px #cbcaca, -1px -1px 2px #cbcaca;
border-spacing: 0px;
margin-bottom: 20px;
background-image: url(http://img691.imageshack.us/img691/3579/sanstitre15fm2.jpg);
padding: 10px;
-moz-border-radius: 10px;
border: 0px;
  background-color: none !important;
}
.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
  background-image: url(http://img691.imageshack.us/img691/3579/sanstitre15fm2.jpg);
}
.secondarytitle, .secondarytitle h2 {
font-size: 45px;
font-family: Monotype Corsiva;
color: #EA9858;
}

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
padding: 2px 3px;
  border: 1px dashed #F0E6D9 !important;
}
a.forumlink:hover {
color: white;
}
a.forumlink {
font-size: 28px;
font-family: Times New Roman;
text-shadow: white 1px 1px 2px;
font-stretch: ultra-condensed;
letter-spacing: -2px;
opacity: 0.7px;
  margin-left: 300px;
text-align: center;
text-decoration: none;
font-weight: bold;
font-style: italic;
text-transform: lowercase;
display: inline-block;
color: #5493B4;
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: none;
background-color: #3F3F3F;
height: 25px;
padding-left: 4px;
padding-top: 4px;
border: 4px solid #3F3F3F;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
behavior: url(border-radius.htc);
color: white !important;
text-shadow: 1px 1px black, -0px -0px #333;
}

Até mais.

[Seikon]

Veja como ficou la, tipo os links por ex inicio esta muito pra direita e eu coloquei uma descrição para ver se iria ficar dentro da box branca mas não ficou, o que devo modificar?

[MateusV.]

Olá, poderia deixar a descrição ativa? E também, adicione este codigo em seu CSS

a.forumlink {
margin-left: 150px !important;
}

Até mais.

[Seikon]

Esta ativo na categoria inicio a descrição e eu add seu code melhorou bastante

[MateusV.]

Olá, adicione este codigo em seu CSS

.descri {
background-color: white !important;
padding: 5px !important;
font-family: Times New Roman;
}

Até mais.

[Seikon]

O titulo da categoria esta dentro da descrição dela o os links do forum tem como ficar acima da descrição?

[MateusV.]

Olá, substitua o template por este

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">
  <font style="font-size: 10px; color: blue;"><b>Sub Foruns:</b>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</font>
            <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 -->
         
                  </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 -->

E adicione este codigo em seu CSS.

a.forumlink {
margin-bottom: 20px !important;
}

Até mais.

[Seikon]

Fiz o que pediu correct agr apareceu um tal de Sub Foruns que gostaria de tirar esta palavra e o link la ainda não esta posicionado direito

[Seikon]

Obs: Retirei o Sub Forum do template

[MateusV.]

Olá, substitua o seu template atual pelo anterior, e também, adicione este codigo em seu CSS.

a.forumlink {
top: -20px !important;
}

Até mais.

[Seikon]

Qual template anterior? E adicionei o css e não resultou


Outra coisa, so funciona no firefox quando vi no chrome as minhas categorias e forum estão encostadas ao corpo do forum e as caixas não estão rendondas e com sombras