Suporte phpBB

Olá pessoal,

Acabei de me registrar e esse é o meu 1o post. Estava querendo incorporar um menu no topo do fórum. Eu li esse excelente artigo do HostGuardian que explica como fazer isso...

kb.php?a=42

O problema é que quando insiro o código em <div class="navbar"> do arquivo overall_header.html, o menu aparece na posi;áo correta, funcionando, mas ele deforma todo o resto do Fórum! Não sei o que fazer para resolver... Ele mudou as fontes, posição e tamanho do restante dos textos e do background...

Aqui as figuras antes e depois do menu:

Antes:

Imagem

Depois:

O tema que estou usando é o 1BlackOut, e abaixo o código do menu, que está causando o problema...

Código: Selecionar todos

<div class="navbar">

<link rel="stylesheet" type="text/css" href="figuras/xr_main.css"/>
<script type="text/javascript" src="figuras/roe.js"></script>
<div class="xr_ap" id="xr_xr" style="width: 945px; height: 535px; top:0px; left:50%; margin-left: -473px;">
 <script type="text/javascript">var xr_xr=document.getElementById("xr_xr")</script>
<!--[if IE]><div class="xr_ap" id="xr_xri" style="width: 945px; height: 535px; clip: rect(0px 945px 535px 0px);"><![endif]-->
<!--[if !IE]>--><div class="xr_ap" id="xr_xri" style="width: 945px; height: 535px; clip: rect(0px, 945px, 535px, 0px);"><!--<![endif]-->
 <img class="xr_ap" src="figuras/0.png" alt="" id="Repeating:58AutoRepeat6" title="" style="left: 13px; top: 11px; width: 919px; height: 90px;"/>
 <img class="xr_ap" src="figuras/1.png" alt="" title="" style="left: 931px; top: 42px; width: 1px; height: 1px;"/>
 <img class="xr_ap" src="figuras/2.png" alt="" title="" style="left: 13px; top: 7px; width: 919px; height: 2px;"/>
 <img class="xr_ap" src="figuras/3.png" alt="" title="" style="left: 13px; top: 89px; width: 919px; height: 20px;"/>
 <img class="xr_ap" src="figuras/4.jpg" alt="" title="" style="left: 13px; top: 9px; width: 919px; height: 80px;"/>
 <img class="xr_ap" src="figuras/5.png" alt="" id="Logo:32bar18" title="" style="left: 449px; top: 46px; width: 335px; height: 7px;"/>
 <img class="xr_ap" src="figuras/6.png" alt="" id="Logo:32text18" title="" style="left: 461px; top: 31px; width: 311px; height: 40px;"/>
 <img class="xr_ap" src="figuras/7.png" alt="" title="" style="left: 98px; top: 23px; width: 207px; height: 65px;"/>
 <img class="xr_ap" src="figuras/8.png" alt="" title="" style="left: 30px; top: 11px; width: 59px; height: 74px;"/>
 <a href="../index.htm" target="_self" onclick="return(xr_nn());">
  <img class="xr_ap" src="figuras/9.png" alt="" title="" onmousemove="xr_mo(this,0,event)" style="left: 13px; top: 89px; width: 50px; height: 20px;"/>
 </a>
 <a href="../produtos.htm" target="_self" onclick="return(xr_nn());">
  <img class="xr_ap" src="figuras/10.png" alt="" title="" onmousemove="xr_mo(this,0,event)" style="left: 61px; top: 89px; width: 72px; height: 20px;"/>
 </a>
 <a href="../loja.htm" target="_self" onclick="return(xr_nn());">
  <img class="xr_ap" src="figuras/11.png" alt="" title="" onmousemove="xr_mo(this,0,event)" style="left: 131px; top: 89px; width: 43px; height: 20px;"/>
 </a>
 <a href="../forum" target="_self" onclick="return(xr_nn());">
  <img class="xr_ap" src="figuras/12.png" alt="" title="" onmousemove="xr_mo(this,0,event)" style="left: 172px; top: 89px; width: 55px; height: 20px;"/>
 </a>
 <a href="../faq.htm" target="_self" onclick="return(xr_nn());">
  <img class="xr_ap" src="figuras/13.png" alt="" title="" onmousemove="xr_mo(this,0,event)" style="left: 225px; top: 89px; width: 43px; height: 20px;"/>
 </a>
 <a href="../fidelidade.htm" target="_self" onclick="return(xr_nn());">
  <img class="xr_ap" src="figuras/14.png" alt="" title="" onmousemove="xr_mo(this,0,event)" style="left: 266px; top: 89px; width: 141px; height: 20px;"/>
 </a>
 <a href="../contato.htm" target="_self" onclick="return(xr_nn());">
  <img class="xr_ap" src="figuras/15.png" alt="" title="" onmousemove="xr_mo(this,0,event)" style="left: 406px; top: 89px; width: 64px; height: 20px;"/>
 </a>
 <a href="../sobre.htm" target="_self" onclick="return(xr_nn());">
  <img class="xr_ap" src="figuras/16.png" alt="" title="" onmousemove="xr_mo(this,0,event)" style="left: 468px; top: 89px; width: 53px; height: 20px;"/>
 </a>
 <div id="xr_xo0" class="xr_ap" style="left:0; top:0; width:945px; height:100px; visibility:hidden;">
 <a href="" onclick="return(false);">
 <img class="xr_ap" src="figuras/17.png" alt="" title="" style="left: 13px; top: 89px; width: 50px; height: 20px;"/>
 <img class="xr_ap" src="figuras/18.png" alt="" title="" style="left: 61px; top: 89px; width: 72px; height: 20px;"/>
 <img class="xr_ap" src="figuras/19.png" alt="" title="" style="left: 131px; top: 89px; width: 43px; height: 20px;"/>
 <img class="xr_ap" src="figuras/20.png" alt="" title="" style="left: 172px; top: 89px; width: 55px; height: 20px;"/>
 <img class="xr_ap" src="figuras/21.png" alt="" title="" style="left: 225px; top: 89px; width: 43px; height: 20px;"/>
 <img class="xr_ap" src="figuras/22.png" alt="" title="" style="left: 266px; top: 89px; width: 141px; height: 20px;"/>
 <img class="xr_ap" src="figuras/23.png" alt="" title="" style="left: 406px; top: 89px; width: 64px; height: 20px;"/>
 <img class="xr_ap" src="figuras/24.png" alt="" title="" style="left: 468px; top: 89px; width: 53px; height: 20px;"/>
 </a>
 </div>
 <div id="xr_xd0"></div>
</div>
</div>
<!--[if lt IE 7]><script type="text/javascript" src="figuras/png.js"></script><![endif]-->
<script type="text/javascript">xr_aeh()</script>

Alguém saberia dizer o que pode ter causando essas mudanças todas?

Obrigado!

marcobrlbr.

Pela página do artigo que você passou, ele diz para abrir o arquivo "styles/prosilver/template/overall_header.html", localizar a tag "<div class="navbar">" e adicionar antes da tag, o código determinado.
Pelo que você passou em seu arquivo overall_header.html, o código está depois da tag "<div class="navbar">".
Não sou programador, mas não seria isso o causador do problema ?

Abraço. Imagem

Robra,

Vocë estava correto sim. Tinha que colocar na posição certa. Eu acabei conseguindo resolver. Tinha também que colocar essa parte abaixo no header...

Código: Selecionar todos

<link rel="stylesheet" type="text/css" href="figuras/xr_main.css"/>
<script type="text/javascript" src="figuras/roe.js"></script>

E depois disso, eu vi que no arquivo xr_main.css tinha uma mudança das cores de fontes. Resolvendo isso deu certo!!

Valeu!!

Beleza... não esqueça de marcar este tópico como "resolvido".

Abraço. Imagem

Suporte phpBB

Criação do Menu no Header do Fórum

Criação do Menu no Header do Fórum

Re: Criação do Menu no Header do Fórum

Re: Criação do Menu no Header do Fórum

Re: Criação do Menu no Header do Fórum