Personalizando o fundo da categoria

Qual é minha questão:
Olá,
o meu pedido é simples, eu gostaria de poder personalizar o fundo das categorias e do fóruns
com uma imagem, que no caso uma que seja madeira, para caso você queira saber umas imagens
para facilitar:
Parte que quero que seja aplicada a modificação


Imagem que quero colocar


Só quero o codigo para colocar a imagem. Referencia que tive: http://hogwarts.com.br/forum

Endereço do meu fórum:
http://gameofthronesrpg.topicboard.net

Versão do fórum:
PHPBB2

Olá!

Use este CSS e me diga se agrada:

Código:

table.forumline {
   background-image: url('http://images2.alphacoders.com/816/81670.jpg');
}
table.forumline td{
   background: none !important;
}

Hancki

Olá eu queria que só aplica-se nas categorias e nos fóruns, não nos topicos e nem no Quem está online,perfil etc... só nas categorias e nos fóruns.
Obrigado

Então remova o código que lhe passei da sua folha de estilos para que eu possa fazer um novo!

Removido

Tente agora com este e me diga se está ok!

Código:

.user_login_form tbody tr td, .messaging, .post td, table.forumline.noprint td {
background-image: none !important;
}
.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
background-image: url("http://images2.alphacoders.com/816/81670.jpg");
}

Hancki

Não é do modo que esperasse que desempenhara. Talvez se você aplicar no quadro do fórum e coloca-se junto um codigo para deixar as categorias transparentes

O problema é que a versão phpBB2 é muito escassa em diferenciação de classes! Poderíamos editar isso por templates, como última alternativa!
Preciso que me passe o código do template "index_box". Caso ainda não tenha feito alterações nele, me diga para eu começar a fazer isso.

Olá o template em questão é o padrão do phpbb2

Então adicione este CSS:

Código:

#fundohancki {
  background-image: url('http://images2.alphacoders.com/816/81670.jpg') !important;
}
#fundohancki td {
  background: none !important;
}

Depois aceda ao template "index_box", clique em   para editar.
Substitua todo o código 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 --><table id="fundohancki" class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</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="right"> </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">
         <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>
      </td>
      <td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </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 -->

Clique em salvar e depois publique a modificação, clicando em   
Não se esqueça de apagar os códigos anteriores!

Hancki

Olá hacki se puder juntar as categorias meu pedido estaria finalizado

Juntar, como assim? Exemplifique.

fica um espaço entre uma categoria e outra e eu quero juntar

Use este CSS:

Código:

#fundohancki {
   margin-bottom: -5px !important;
}

Resultado: http://prntscr.com/34c9li

Hancki

está otimo pode colocar como resolvido