Código que engloba o corpo do fórum

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Código que engloba o corpo do fórum

Mensagem por Seishi em 11/02/13, 04:16 pm

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


Última edição por Seishi em 12/02/13, 08:46 pm, editado 2 vez(es)
avatar

Seishi
Nível 9

Masculino
Inscrito dia : 22/08/2010
Mensagens : 155
Pontos Ativos : 227

Ver perfil do usuário http://opiece-rpg.forumeiros.com

Resolvido Re: Código que engloba o corpo do fórum

Mensagem por Sennior em 11/02/13, 04:18 pm

Saudações!

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

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Código que engloba o corpo do fórum

Mensagem por arthur58833 em 11/02/13, 04:26 pm

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

arthur58833
Nível 6

Masculino
Inscrito dia : 05/02/2013
Mensagens : 79
Pontos Ativos : 118

Ver perfil do usuário http://habbom.maisforum.com

Resolvido Re: Código que engloba o corpo do fórum

Mensagem por Seishi em 11/02/13, 04:27 pm

Atualizado, desculpe pelo incoveniente.
avatar

Seishi
Nível 9

Masculino
Inscrito dia : 22/08/2010
Mensagens : 155
Pontos Ativos : 227

Ver perfil do usuário http://opiece-rpg.forumeiros.com

Resolvido Re: Código que engloba o corpo do fórum

Mensagem por Nicki Minaj em 11/02/13, 04:31 pm

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

Nicki Minaj
Usuário avançado

Masculino
Inscrito dia : 19/12/2012
Mensagens : 482
Pontos Ativos : 634

Ver perfil do usuário http://tech.forum-pro.net/

Resolvido Re: Código que engloba o corpo do fórum

Mensagem por Seishi em 11/02/13, 04:32 pm

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


Última edição por Seishi em 11/02/13, 04:33 pm, editado 1 vez(es)
avatar

Seishi
Nível 9

Masculino
Inscrito dia : 22/08/2010
Mensagens : 155
Pontos Ativos : 227

Ver perfil do usuário http://opiece-rpg.forumeiros.com

Resolvido Re: Código que engloba o corpo do fórum

Mensagem por Nicki Minaj em 11/02/13, 04:33 pm

Estarei pegando o código, aguarde um momento.
avatar

Nicki Minaj
Usuário avançado

Masculino
Inscrito dia : 19/12/2012
Mensagens : 482
Pontos Ativos : 634

Ver perfil do usuário http://tech.forum-pro.net/

Resolvido Re: Código que engloba o corpo do fórum

Mensagem por .Danni. em 11/02/13, 04:34 pm

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

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Código que engloba o corpo do fórum

Mensagem por Seishi em 11/02/13, 04:36 pm

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).
avatar

Seishi
Nível 9

Masculino
Inscrito dia : 22/08/2010
Mensagens : 155
Pontos Ativos : 227

Ver perfil do usuário http://opiece-rpg.forumeiros.com

Resolvido Re: Código que engloba o corpo do fórum

Mensagem por Nicki Minaj em 11/02/13, 04:38 pm

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

Nicki Minaj
Usuário avançado

Masculino
Inscrito dia : 19/12/2012
Mensagens : 482
Pontos Ativos : 634

Ver perfil do usuário http://tech.forum-pro.net/

Resolvido Re: Código que engloba o corpo do fórum

Mensagem por Seishi em 11/02/13, 04:41 pm

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: http://imageshack.us/g/802/bordabaixo.png/

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

Seishi
Nível 9

Masculino
Inscrito dia : 22/08/2010
Mensagens : 155
Pontos Ativos : 227

Ver perfil do usuário http://opiece-rpg.forumeiros.com

Resolvido Re: Código que engloba o corpo do fórum

Mensagem por Nicki Minaj em 11/02/13, 04:43 pm

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

Nicki Minaj
Usuário avançado

Masculino
Inscrito dia : 19/12/2012
Mensagens : 482
Pontos Ativos : 634

Ver perfil do usuário http://tech.forum-pro.net/

Resolvido Re: Código que engloba o corpo do fórum

Mensagem por Seishi em 11/02/13, 04:47 pm

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: http://imageshack.us/g/802/bordabaixo.png/ E não a borda vermelha (foi apenas uma borda representativa para mostrar o que era o corpo do texto).
avatar

Seishi
Nível 9

Masculino
Inscrito dia : 22/08/2010
Mensagens : 155
Pontos Ativos : 227

Ver perfil do usuário http://opiece-rpg.forumeiros.com

Resolvido Re: Código que engloba o corpo do fórum

Mensagem por .Danni. em 11/02/13, 04:50 pm

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

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Código que engloba o corpo do fórum

Mensagem por Seishi em 11/02/13, 04:52 pm

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

Seishi
Nível 9

Masculino
Inscrito dia : 22/08/2010
Mensagens : 155
Pontos Ativos : 227

Ver perfil do usuário http://opiece-rpg.forumeiros.com

Resolvido Re: Código que engloba o corpo do fórum

Mensagem por .Danni. em 11/02/13, 05:04 pm

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

Isso aqui vai em overall_headler

Spoiler:
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">
Antes de
Código:
<table class="bodylinewidth"

E isso:
Spoiler:
Código:
</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>
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.
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Código que engloba o corpo do fórum

Mensagem por Seishi em 11/02/13, 05:09 pm

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

Seishi
Nível 9

Masculino
Inscrito dia : 22/08/2010
Mensagens : 155
Pontos Ativos : 227

Ver perfil do usuário http://opiece-rpg.forumeiros.com

Resolvido Re: Código que engloba o corpo do fórum

Mensagem por .Danni. em 11/02/13, 05:49 pm

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

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Código que engloba o corpo do fórum

Mensagem por Seishi em 11/02/13, 05:50 pm

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

Seishi
Nível 9

Masculino
Inscrito dia : 22/08/2010
Mensagens : 155
Pontos Ativos : 227

Ver perfil do usuário http://opiece-rpg.forumeiros.com

Resolvido Re: Código que engloba o corpo do fórum

Mensagem por .Danni. em 11/02/13, 05:53 pm

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

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Código que engloba o corpo do fórum

Mensagem por Seishi em 11/02/13, 05:55 pm

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

Seishi
Nível 9

Masculino
Inscrito dia : 22/08/2010
Mensagens : 155
Pontos Ativos : 227

Ver perfil do usuário http://opiece-rpg.forumeiros.com

Resolvido Re: Código que engloba o corpo do fórum

Mensagem por .Danni. em 11/02/13, 05:56 pm

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

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Código que engloba o corpo do fórum

Mensagem por Seishi em 11/02/13, 05:56 pm

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

Seishi
Nível 9

Masculino
Inscrito dia : 22/08/2010
Mensagens : 155
Pontos Ativos : 227

Ver perfil do usuário http://opiece-rpg.forumeiros.com

Resolvido Re: Código que engloba o corpo do fórum

Mensagem por seender em 11/02/13, 06:13 pm

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
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Código que engloba o corpo do fórum

Mensagem por Seishi em 11/02/13, 06:26 pm

Já expliquei nas outras mensagens Muito feliz
avatar

Seishi
Nível 9

Masculino
Inscrito dia : 22/08/2010
Mensagens : 155
Pontos Ativos : 227

Ver perfil do usuário http://opiece-rpg.forumeiros.com

Resolvido Re: Código que engloba o corpo do fórum

Mensagem por .Danni. em 11/02/13, 07:20 pm

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

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Código que engloba o corpo do fórum

Mensagem por Seishi em 11/02/13, 07:43 pm

A largura do fórum já está fixa Muito feliz 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.
avatar

Seishi
Nível 9

Masculino
Inscrito dia : 22/08/2010
Mensagens : 155
Pontos Ativos : 227

Ver perfil do usuário http://opiece-rpg.forumeiros.com

Resolvido Re: Código que engloba o corpo do fórum

Mensagem por Seishi em 12/02/13, 02:43 am

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

Seishi
Nível 9

Masculino
Inscrito dia : 22/08/2010
Mensagens : 155
Pontos Ativos : 227

Ver perfil do usuário http://opiece-rpg.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum