Personalizar a o interior da categoria

Detalhes da questão

Endereço do fórum: zonagrafica.forumeiro.com/
Versão do fórum: PunBB

Descrição

As categorias do meu fórum, estão desta forma:
- zonagrafica.forumeiro.com/

Estou a utilizar a .CSS:

Código:

/* Aspeto das Categorias */
.main .main-head {
background-color: #2a2c33;
border-bottom: 1px solid #de9700;
border-radius: 2px 2px 0 0;
box-shadow: #fa0 0 -2px 0 inset;
color: #fff;
padding: 1em;
text-shadow: none;
}
.main .main-content {
background: #FFF;
border: 1px solid #ddd;
box-shadow: 0 0 4px rgba(0,0,0,0.1);
margin: 0;
padding: 6px;
}
.main .main-head {
margin-top: 10px;
}
.main .main-foot, .main .main-head {
background-color: #2a2c33;
border-bottom: 1px solid #de9700;
border-radius: 2px 2px 0 0;
box-shadow: #fa0 0 -2px 0 inset;
color: #fff;
padding: 1em;
text-shadow: none;
}

Só que queria colocar o interior como este, apenas o interior:

- forum-webtools.com/

Como assim amigo, poderia ser mais descritivo sobre o que deseja colocar?

Bem o meu está desta forma o aspeto:


Se possível queria deixar assim:

Tudo bem... adicione esse codigo CSS em sua folha de estilo:

Código:

.pun .statused tr {border: 1px solid #ddd;}
.pun .main-content {border: 1px solid #ddd!important;}
.pun table.table {border: 1px solid #ddd!important;}
.pun .statused tr {border: 2px solid #ddd;}


Veja como ficou:
- http: http://zonagrafica.forumeiro.com/

Sim, eu sei como ficou amigo, o que mais quer que faça?
estou indo em pouco em pouco.

Adicione esse codigo CSS em sua folha de estilo

Código:

.pun table.table th {display:none;}
.pun .main table td.tc2, .pun .main table td.tc3 {background-color: #fff;}

e peço que procure por esse código:

Código:

.pun table.table td

depois de procura-lo na sua folha de estilo CSS terá algumas propriedades e você remova esta:

Código:

border-style: solid none none solid;

Calma, apenas respondi... Enquanto à dúvida veja:
- http: http://zonagrafica.forumeiro.com/

A minha .CSS não tem tal código:

Código:

.pun table.table td

Tem certeza? então procure por :

Código:

border-style: solid none none solid;

e remova-o, mas tem que ter o código que te passei

Ainda deseja mais alguma coisa? pois o interior foi feito já.

Sim eu sei mas não tenho isso na .CSS veja o que uso para as categorias:

Código:

/* Aspeto das Categorias */
.main .main-head {
background-color: #2a2c33;
border-bottom: 1px solid #de9700;
border-radius: 2px 2px 0 0;
box-shadow: #fa0 0 -2px 0 inset;
color: #fff;
padding: 1em;
text-shadow: none;
}
.main .main-content {
background: #FFF;
border: 1px solid #ddd;
box-shadow: 0 0 4px rgba(0,0,0,0.1);
margin: 0;
padding: 6px;
}
.main .main-head {
margin-top: 10px;
}
.main .main-foot, .main .main-head {
background-color: #2a2c33;
border-bottom: 1px solid #de9700;
border-radius: 2px 2px 0 0;
box-shadow: #fa0 0 -2px 0 inset;
color: #fff;
padding: 1em;
text-shadow: none;
}
.pun table.table th {display:none;}
.pun .main table td.tc2, .pun .main table td.tc3 {background-color: #fff;}
.pun .statused tr {border: 1px solid #ddd;}
.pun .main-content {border: 1px solid #ddd!important;}
.pun table.table {border: 1px solid #ddd!important;}
.pun .statused tr {border: 2px solid #ddd;}

Hum,claro está no index_box então.

Sabes fazer a alteração ou deseja que eu faça? se não você pode me enviar o seu template que eu repasso.

Prefiro que seja você caso seja possível:
- http: http://pastebin.com/y7ZN8ms5

Altere pra este:

Código:

<div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <p class="crumbs"><a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div class="main-head">
        <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
        <table cellspacing="0" class="table">
            <thead>
              <tr>
                  <th class="tcl">{L_FORUM}</th>
                  <th class="tc2">{L_TOPICS}</th>
                  <th class="tc3">{L_POSTS}</th>
                  <th class="tcr">{L_LASTPOST}</th>
              </tr>
            </thead>
            <tbody class="statused">
  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
              <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                    <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </span>
                    <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    <br />
                    {catrow.forumrow.FORUM_DESC}
                    <!-- BEGIN switch_moderators_links -->
                    <br />
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                  <td class="tc2">
              <span class="stats_number2">{catrow.forumrow.TOPICS}</span>
              <span class="stats_text2">tópicos</span>
              </td>
                  <td class="tc3">
              <span class="stats_number">{catrow.forumrow.POSTS}</span>
              <span class="stats_text">respostas</span></td>
                  <td class="tcr">
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                    <span>
                    <!-- BEGIN switch_topic_title -->
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                    <!-- END switch_topic_title -->
                    {catrow.forumrow.USER_LAST_POST}
                    </span>
                  </td>
              </tr>
  <!-- END forumrow -->

  <!-- BEGIN tablefoot -->
            </tbody>
        </table>
      </div>
  <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
  <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
  </ul>
  <!-- BEGIN switch_delete_cookies -->
  <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

ai já está resolvido também o outro assunto , acho que acabou tudo né?

Infelizmente não ficou como queria :/
- http: http://zonagrafica.forumeiro.com/

Erro meu :/

troque por este:

Código:

<style>
.stats_number {
color: #737C8D;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
position: relative;
text-align: center;
}
.stats_text {
color: #737C8D;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}
.stats_number2 {
color: #737C8D;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
position: relative;
text-align: center;
margin-left:271px;
}
.stats_text2 {
color: #737C8D;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
margin-left:255px;
}
.pun .main-content {
border: 1px solid #ddd;
}
.pun .statused tr {
border: 1px solid #ddd;
}
</style>
<div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <p class="crumbs"><a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div class="main-head">
        <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
        <table cellspacing="0" class="table">
            <thead>
              <tr>
                  <th class="tcl">{L_FORUM}</th>
                  <th class="tc2">{L_TOPICS}</th>
                  <th class="tc3">{L_POSTS}</th>
                  <th class="tcr">{L_LASTPOST}</th>
              </tr>
            </thead>
            <tbody class="statused">
  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
              <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                    <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </span>
                    <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    <br />
                    {catrow.forumrow.FORUM_DESC}
                    <!-- BEGIN switch_moderators_links -->
                    <br />
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                  <td class="tc2">
              <span class="stats_number2">{catrow.forumrow.TOPICS}</span>
              <span class="stats_text2">tópicos</span>
              </td>
                  <td class="tc3">
              <span class="stats_number">{catrow.forumrow.POSTS}</span>
              <span class="stats_text">respostas</span></td>
                  <td class="tcr">
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                    <span>
                    <!-- BEGIN switch_topic_title -->
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                    <!-- END switch_topic_title -->
                    {catrow.forumrow.USER_LAST_POST}
                    </span>
                  </td>
              </tr>
  <!-- END forumrow -->

  <!-- BEGIN tablefoot -->
            </tbody>
        </table>
      </div>
  <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
  <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
  </ul>
  <!-- BEGIN switch_delete_cookies -->
  <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Já está quase apesar de estar muito separado e ter aqueles traços dentro a dividir.

Adicione esse codigo CSS:

Código:

.pun table.table td { border: none }

Agora só falta ajustar se repara está tudo separado

Tente trocar por este:

Código:

<style>
.stats_number {
color: #737C8D;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
position: relative;
text-align: center;
}
.stats_text {
color: #737C8D;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}
.stats_number2 {
color: #737C8D;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
position: relative;
text-align: center;
margin-left:285px;
}
.stats_text2 {
color: #737C8D;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
margin-left:275px;
}
.pun .main-content {
border: 1px solid #ddd;
}
.pun .statused tr {
border: 1px solid #ddd;
}
</style>
<div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <p class="crumbs"><a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div class="main-head">
        <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
        <table cellspacing="0" class="table">
            <thead>
              <tr>
                  <th class="tcl">{L_FORUM}</th>
                  <th class="tc2">{L_TOPICS}</th>
                  <th class="tc3">{L_POSTS}</th>
                  <th class="tcr">{L_LASTPOST}</th>
              </tr>
            </thead>
            <tbody class="statused">
  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
              <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                    <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </span>
                    <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    <br />
                    {catrow.forumrow.FORUM_DESC}
                    <!-- BEGIN switch_moderators_links -->
                    <br />
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                  <td class="tc2">
              <span class="stats_number2">{catrow.forumrow.TOPICS}</span>
              <span class="stats_text2">tópicos</span>
              </td>
                  <td class="tc3">
              <span class="stats_number">{catrow.forumrow.POSTS}</span>
              <span class="stats_text">respostas</span></td>
                  <td class="tcr">
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                    <span>
                    <!-- BEGIN switch_topic_title -->
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                    <!-- END switch_topic_title -->
                    {catrow.forumrow.USER_LAST_POST}
                    </span>
                  </td>
              </tr>
  <!-- END forumrow -->

  <!-- BEGIN tablefoot -->
            </tbody>
        </table>
      </div>
  <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
  <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
  </ul>
  <!-- BEGIN switch_delete_cookies -->
  <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

caso não é assim, me mande uma imagem da onde deseja que fique o "tópicos e o respostas" por favor, marcado destacando cada um, desculpe pela demora da resolução da questão.

Continua igual, veja como está:
- http: http://zonagrafica.forumeiro.com/

Apenas queria colocar assim, tudo ajustar e direitinho até as descrições ficam cortadas ou seja quebram de linha, queria deixar mesmo assim:

Altere pra este template:

Código:

<style>
.stats_number {
color: #737C8D;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
position: relative;
text-align: center;
}
.stats_text {
color: #737C8D;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}
.stats_number2 {
color: #737C8D;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
position: relative;
text-align: center;
margin-left:271px;
}
.stats_text2 {
color: #737C8D;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
margin-left:255px;
}
.pun .main-content {
border: 1px solid #ddd;
}
.pun .statused tr {
border: 1px solid #ddd;
}
</style>
<div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <p class="crumbs"><a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div class="main-head">
        <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
        <table cellspacing="0" class="table">
            <thead>
              <tr>
                  <th class="tcl">{L_FORUM}</th>
                  <th class="tc2">{L_TOPICS}</th>
                  <th class="tc3">{L_POSTS}</th>
                  <th class="tcr">{L_LASTPOST}</th>
              </tr>
            </thead>
            <tbody class="statused">
  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
              <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                    <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </span>
                    <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    <br />
                    {catrow.forumrow.FORUM_DESC}
                    <!-- BEGIN switch_moderators_links -->
                    <br />
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                  <td class="tc2">
              <span class="stats_number2">{catrow.forumrow.TOPICS}</span>
              <span class="stats_text2">tópicos</span>
              </td>
                  <td class="tc3">
              <span class="stats_number">{catrow.forumrow.POSTS}</span>
              <span class="stats_text">respostas</span></td>
                  <td class="tcr">
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                    <span>
                    <!-- BEGIN switch_topic_title -->
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                    <!-- END switch_topic_title -->
                    {catrow.forumrow.USER_LAST_POST}
                    </span>
                  </td>
              </tr>
  <!-- END forumrow -->

  <!-- BEGIN tablefoot -->
            </tbody>
        </table>
      </div>
  <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
  <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
  </ul>
  <!-- BEGIN switch_delete_cookies -->
  <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

e adicione esse codigo CSS em sua folha de estilo:

Código:

.stats_number {margin-left:125px;}
        .stats_text {margin-left:125px;}
        span.stats_number2 {margin-left:370px;}
        span.stats_text2 {margin-left:350px;}

Já ficou algo mas veja:


Se reparar as descrições parece que está a ser cortada e tem aquele fundo em cinza ainda, e se possível centrar o que está a vermelho.

Bom amigo, quanto a descrição já estava assim, peço que crie um novo tópico,pois é outro assunto isto,

Sobre o fundo, não o vejo :/, se referes a cor do numero?

e sobre centrar, podes modificar pelo seu CSS...

Código:

.stats_number {margin-left:125px;}
        .stats_text {margin-left:125px;}
        span.stats_number2 {margin-left:370px;}
        span.stats_text2 {margin-left:350px;}

Esse é o que te mandei certo? , então basta você mudar os numero de px.

Não deve ter percebido o que disse, e enquanto a descrição antes não estava assim, mas irei esperar por alguém que consiga algo, obrigado a mesma!

Desculpe amigo, mas sobre a descrição estava assim sim... só que o que estava escrito era menor, por isto não tinha isto, olhe como fica:



entendeu? mas o que falta pra encerrar esse tópico?

Pedi se possível colocar o interior assim deste aspeto:


Bem pode reparar que não ficou tudo completo:
- http: http://zonagrafica.forumeiro.com/

Bom amigo, sabes muito bem que é proibido a copia inteira de algo, o que eu fiz foi fazer parecido, vamos lá adicione esses codigos css:

Código:

.stats_number {margin-left:125px;}
        .stats_text {margin-left:125px;}
        span.stats_number2 {margin-left:330px;}
        span.stats_text2 {margin-left:310px;}
.pun table.table td, .pun .main table td.tc2, .pun .main table td.tc3 {
    background: none repeat scroll 0 0 #EFEFEF;}

e troque seu template pra este:

Código:

<style>
.stats_number {
color: #737C8D;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
position: relative;
text-align: center;
}
.stats_text {
color: #737C8D;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}
.stats_number2 {
color: #737C8D;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
position: relative;
text-align: center;
margin-left:271px;
}
.stats_text2 {
color: #737C8D;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
margin-left:255px;
}
.pun .main-content {
border: 1px solid #ddd;
}
.pun .statused tr {
border: 1px solid #ddd;
}
</style>
<div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <p class="crumbs"><a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div class="main-head">
        <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
        <table cellspacing="0" class="table">
            <thead>
              <tr>
                  <th class="tcl">{L_FORUM}</th>
                  <th class="tc2">{L_TOPICS}</th>
                  <th class="tc3">{L_POSTS}</th>
                  <th class="tcr">{L_LASTPOST}</th>
              </tr>
            </thead>
            <tbody class="statused">
  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
              <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                    <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </span>
                    <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    <br />
                    <span class="forum_desc" style="margin-left:45px {catrow.forumrow.FORUM_DESC}</span>
                    <!-- BEGIN switch_moderators_links -->
                    <br />
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                  <td class="tc2">
              <span class="stats_number2">{catrow.forumrow.TOPICS}</span>
              <span class="stats_text2">tópicos</span>
              </td>
                  <td class="tc3">
              <span class="stats_number">{catrow.forumrow.POSTS}</span>
              <span class="stats_text">respostas</span></td>
                  <td class="tcr">
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                    <span>
                    <!-- BEGIN switch_topic_title -->
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                    <!-- END switch_topic_title -->
                    {catrow.forumrow.USER_LAST_POST}
                    </span>
                  </td>
              </tr>
  <!-- END forumrow -->

  <!-- BEGIN tablefoot -->
            </tbody>
        </table>
      </div>
  <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
  <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
  </ul>
  <!-- BEGIN switch_delete_cookies -->
  <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Olá @Vados!

Caso o último código fornecido pelo usuário Tiupkit não resulte, apague-o–juntamente com tudo que ele lhe forneceu– e me informe para que eu crie o código.

---

@Tiupkit, por gentileza, o senhor deve ler as regras(https://ajuda.forumeiros.com/t82-regras-do-forum-dos-foruns-fdf) antes de participar do fórum, após fazer a leitura, atente-se a:

Seja claro e objetivo, e não use linguagem de SMS, MSN, WhatsApp ou qualquer gênero. Seja formal, cortês e educado.

Prezamos a educação e a cordialidade aqui, então, se adeque as nossas normas, obrigado.

Atenciosamente,
MateusAnjos

Igual? Isso apenas é colocar algo que muitos têm não vejo o mal disso, mas enfim! @MateusAnjosV poderia então me ajudar? Removi tudo que ele tenha passado.

Boa tarde, Vados!

Adicione esse código em sua folha de estilos CSS:

Código:

.table thead tr:first-of-type {
  display: none;
}
.tc1, .tcr, .pun table.table td {
  background: none !important;
  border: none !important;
}
 .tc2, .tc3 {
  background: none !important;
  border: none !important;
  color: #737C8D; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.tc2:after {
    display: block;
    content: "Tópicos";
    color: #737C8D;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
        font-weight: normal !important;
    text-align: center;
    text-transform: uppercase;
}
    .tc3:after {
  display: block;
  content: "Posts";
    color: #737C8D;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal !important;
    text-align: center;
    text-transform: uppercase;
}

.pun .statused tr {
    background: #f7f7f7;
    border: 1px solid #ddd;
}

.main .main-content {
    background: #FFF;
    border: 1px solid #ddd;
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
    margin: 0;
    padding: 6px;
}
a.forumtitle {color: #666;font-weight: bold;text-decoration: none !important}

Lembre-se que é preferível não mexer nos templates, pois futuros e/ou antigos tutoriais dependem de algumas coisas em específico para funcionar, sugiro sempre pedir a quem estiver lhe ajudando a não mexer nos templates!

Era isso que desejava?
MateusAnjos.

Ficou óptimo! Mas só uma dúvida é possível modificar o "POSTS" para "MENSAGENS" ?

Sim, claro!

Troque por esse:

Código:

.table thead tr:first-of-type {
  display: none;
}
.tc1, .tcr, .pun table.table td {
  background: none !important;
  border: none !important;
}
 .tc2, .tc3 {
  background: none !important;
  border: none !important;
  color: #737C8D; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.tc2:after {
    display: block;
    content: "Tópicos";
    color: #737C8D;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
        font-weight: normal !important;
    text-align: center;
    text-transform: uppercase;
}
    .tc3:after {
  display: block;
  content: "Mensagens";
    color: #737C8D;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal !important;
    text-align: center;
    text-transform: uppercase;
}

.pun .statused tr {
    background: #f7f7f7;
    border: 1px solid #ddd;
}

.main .main-content {
    background: #FFF;
    border: 1px solid #ddd;
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
    margin: 0;
    padding: 6px;
}
a.forumtitle {color: #666;font-weight: bold;text-decoration: none !important}

Simplesmente perfeito, obrigado amigo mesmo, resolvido!