Código que engloba o corpo do fórum

[Seishi]

Qual é minha questão:
Eu gostaria de criar uma página HTML que englobasse todo o corpo do fórum. Quando digo corpo do fórum me refiro ao que está dentro da barra vermelha, nesta imagem. O objetivo é que eu faça uma <table> e o conteúdo dessa tabela é o corpo do texto.

Se não for possível fazer isso, eu gostaria de saber se é possível acessar a tabela do bodyline ou bodylinewidth, já tentei procurar em todos os templates mas não encontrei.

Eu preciso muito de ajuda!

PS: não dá pra postar no fórum de códigos porque apenas admins podem postar lá.

Endereço do meu fórum:
http://opiece-rpg.forumeiros.com

Versão do fórum:
PHPBB2

[Sennior]

Saudações!

Mande-nos outra imagem por gentileza? A mesma não está correta.

Até mais!

[arthur58833]

Olá, mande oura imagem mas se estiver falando assim tipo, colocar para não ter mais o fórum da forumeiros e sim um que você criasse você poderia criar página em html mas, explique um pouco mais por favor.

[Seishi]

Atualizado, desculpe pelo incoveniente.

[Nicki Minaj]

Amigo, quer criar uma página em HTML com o conteúdo dentro do quadro vermelho, exato?

[Seishi]

Sim! Eu quero colocar uma borda em volta de todo o corpo do fórum, para todas as páginas. Sendo que essa borda é composta de 8 imagens (borda esquerda, borda direita, borda cima, borda baixo, e os quatro cantos).

[Nicki Minaj]

Estarei pegando o código, aguarde um momento.

[.Danni.]

Se for como tabela tem como, só precisa colocar o começo da tabela em "overall_header" e o final em "overall_footer_end".

[Seishi]

Eu quero criar uma tabela que será válida para todas as páginas, que englobe todo o corpo do fórum, e então eu poderei colocar uma borda no corpo do fórum (uma borda composta de oito imagens).

[Nicki Minaj]

Em qual lugar deseja que fique em todas páginas? Topo, baixo, etc.

[Seishi]

Eu quero colocar uma borda composta de imagens em volta de todo o corpo do fórum em todas as páginas. As imagens serão estas: https://2img.net/r/ihimg/g/802/bordabaixo.png/

Não entendi muito bem tua pergunta, king, mas acho que isso responde.

[Nicki Minaj]

Mas se você quer tudo da imagem vermelha, não seria melhor deixar como está? Não entendi muito bem sua dúvida ainda, desculpe, exclareça mais.

[Seishi]

Eu quero colocar uma imagem em volta do corpo do fórum todo (que é aquela parte vermelha, ou seja, a borda ficará em volta do corpo do fórum). Eu tentei colocar essa borda (que são oito imagens) utilizando a propriedade css border-image, mas o IE não suporta essa propriedade, e seria impossível colocar mais do que uma única imagem nessa propriedade. Então a unica maneira (que eu conheço, pelo menos) é criando uma tabela utilizando o bodyline, que é o corpo do fórum.

Resumindo, o que eu quero é colocar esta borda no corpo do texto: https://2img.net/r/ihimg/g/802/bordabaixo.png/ E não a borda vermelha (foi apenas uma borda representativa para mostrar o que era o corpo do texto).

[.Danni.]

Eu entendi, ele quer fazer isso:

Código:


<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="16%" align="right"><p> </p>
    <p><img src='http://img823.imageshack.us/img823/9196/cantoesquerdosuperior.png'/></p></td>
    <td width="63%" valign="top"><img src="http://img201.imageshack.us/img201/5168/bordacima.png" /></td>
    <td width="21%" valign="bottom"><br />      <img src="http://img823.imageshack.us/img823/4102/cantodireitosuperior.png" /></td>
  </tr>
  <tr>
    <td align="right"><img src="http://img832.imageshack.us/img832/453/bordaesquerda.png" /></td>
    <td align="center">FÓRUM</td>
    <td><img src="http://img202.imageshack.us/img202/9937/bordadireita.png" /></td>
  </tr>
  <tr>
    <td valign="top"><img src="http://img202.imageshack.us/img202/3526/cantoesquerdoinferior.png" /></td>
    <td valign="top"><img src="http://img802.imageshack.us/img802/9633/bordabaixo.png" /></td>
    <td><img src="http://img685.imageshack.us/img685/9623/cantodireitoinferior.png" /></td>
  </tr>
</table>

[Seishi]

Sim, é isso que eu quero, mas em volta do corpo do fórum.

[.Danni.]

Então, pra colocar em volta é mais complexo, mas posso tentar.

Isso aqui vai em overall_headler

Spoiler:

Antes de

Código:

<table class="bodylinewidth"

E isso:

Spoiler:

Vai em overall_footer_end depois de:

Código:

<div id="pagefooter"> </div>

Lembra de achar o final da div acima, se não fica errado. Desse jeito você vai estruturar e colocar as imagens de modo simples, se der certo eu te ajudo a alterá-las para se ajustarem ao fórum.

[Seishi]

Aparentemente eu não tenho esse div no meu overall_footer_end...

Código:

<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table>
   <tr>
      <td>
         <div>
            <div>
               <div>
<!-- END html_validation -->
               </div>
            </div>
            <!-- BEGIN switch_footer_links -->
            <div align="center">
               <div class="gen">
                  <!-- BEGIN footer_link -->
                     <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                     <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                  <!-- END footer_link -->
               </div>
            </div>
            <!-- END switch_footer_links -->
         </div>
         {PROTECT_FOOTER}
      </td>
   </tr>
</table>

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({appId: '{switch_facebook_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true, oauth: true});
//]]>
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
   if ($('a#logout'))
   {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
         document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
   }
});

$(document).ready( function() {
   $('a#logout').click( function() {
      FB.logout();
   } );
});
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>

</body>
</html>

Tava checando pra ver se não tinha passado despercebido, e eu percebi que esse id que você enviou está na verdade dentro de overall_footer_begin.

[.Danni.]

Ah sim, eu sempre confundo os dois, mas de resto consegue editar ou precisa de ajuda?

[Seishi]

Posso tentar. Mas se eu fizer besteira não me julgue :-)

[.Danni.]

Edita e posta o link, qualquer coisa eu digo como corrigir.

[Seishi]

Editei o overall_footer_begin. Não sei se está certo.

Código:

<!-- BEGIN html_validation -->
<div>
   <div>
      <table>
         <tbody>
            <tr>
               <td>
<!-- END html_validation -->
               </td>
               <td valign="top" width="{C3SIZE}">
               <div id="{ID_RIGHT}">
                  <!-- BEGIN giefmod_index2 -->
                  {giefmod_index2.MODVAR}
                  <!-- BEGIN saut -->
                  <div style="height: {SPACE_ROW}px"></div>
                  <!-- END saut -->
                  <!-- END giefmod_index2 -->
               </div>
               </td>
            </tr>
         </tbody>
      </table>
   </div>
</div>
<!-- close div id="page-body" -->
<div id="page-footer">
   <div align="center">
      <div class="gen">
<!-- BEGIN html_validation -->
      </div>
   </div>
</div>
<table border="0">
    <tr><td><img src="http://img202.imageshack.us/img202/9937/bordadireita.png" /></td>
  </tr>
  <tr>
    <td valign="top"><img src="http://img202.imageshack.us/img202/3526/cantoesquerdoinferior.png" /></td>
    <td valign="top"><img src="http://img802.imageshack.us/img802/9633/bordabaixo.png" /></td>
    <td><img src="http://img685.imageshack.us/img685/9623/cantodireitoinferior.png" /></td>
  </tr>
</table>
<!-- END html_validation -->

[.Danni.]

Você publicou? Por que não aparece no seu fórum.

[Seishi]

Publiquei, mas não funcionou.

EDIT:

O corpo do meu fórum tem uma largura fixa de 890px, então eu posso juntar a parte de baixo + os cantos e fazer uma imagem só e implementar a borda usando o border-image do css.

[seender]

Olá!

Não entendo qual seria o objetivo de adicionar este table sendo que já há uma classe que engloba toda essa área intermediária do fórum, a classe é .bodyline.

Melhores cumprimentos,
seender

[Seishi]

Já expliquei nas outras mensagens

[.Danni.]

Estou vendo o fórum agora e faltam pedaços da tabela, como as laterais e um dos cantos está com a imagem errada. Coloca as laterais novamente.

Edit: Seria mesmo mais simples usar só 4 imagens ao invés de 8, mas aí teria que manter a largura fixa no fórum.

[Seishi]

A largura do fórum já está fixa Estou quase conseguindo acabar a borda. Só preciso colocar um repeat dentro do th de cada borda lateral. Farei isso depois, porque agora estou saindo.

Realmente, obrigado pela ajuda, The Boss.

[Seishi]

Assunto resolvido, obrigado à usuária The_Boss, que me ajudou MUITO!