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:
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>
Obrigado!
