Artigos[Códigos] Problemas com o menu
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
[Códigos] Problemas com o menu
por cyllaz Dom 7 Nov 2010 - 21:31
Não sei por que bloquearam meu tópico, pois meu problema não foi resolvido, o problema é no fórum e não no portal, e menu fica abaixo do Fórum como na imagem, ja testei em todos os navegadores e da na mesma...
![[Códigos] Problemas com o menu Semttulows](https://2img.net/r/ihimizer/img169/6976/semttulows.jpg)
CSS
HTML
CSS
- Spoiler:
/*...........função do Menu.............*/
.limenu .ulmenu {
position: absolute;
left: 120px;
display: none;
z-index: 999;
}
.ulmenu {
list-style: none;
width: 120px;
top: 0px;
z-index: 999;
}
.ulmenu .limenu {
position: relative;
z-index: 999;
}
.ulmenu .limenu a {
display: block;
text-decoration: none;
border: 1px solid #ccc;
height: 20px;
z-index: 999;
}
.limenu:hover .ulmenu { display: block; }
/*...........menu On Off..............*/
.off{
font-size:11px;
font-weight: bold;
background:url('https://i.servimg.com/u/f26/14/56/85/28/m_off10.jpg');
padding-left:15px;
padding-top:2px;
cursor:default;
Filter:alpha(opacity:60);
}
.on{
font-size:11px;
font-weight: bold;
background:url('https://i.servimg.com/u/f26/14/56/85/28/m_on10.jpg');
padding-left:18px;
padding-top:2px;
cursor:hand;
}
HTML
- Spoiler:
<!--Inicio do menu NRF--><div>
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="
-moz-border-radius: 0px;">
<tr name="NRF">
<td height="105"> </td>
<td rowspan=2 height="128" width="117" background="https://i.servimg.com/u/f26/14/56/85/28/menunr10.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;"> </td>
<td rowspan=2 height="128" background="https://i.servimg.com/u/f26/14/56/85/28/menunr11.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;"> </td>
<td height="105"> </td>
</tr><tr>
<td width="21" height="23" background="https://i.servimg.com/u/f26/14/56/85/28/menu_011.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;"> </td>
<td width="22" height="23" background="https://i.servimg.com/u/f26/14/56/85/28/menu_012.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;"> </td>
</tr>
<tr><td width="21" background="https://i.servimg.com/u/f26/14/56/85/28/menu_013.png" style="-moz-border-radius: 0px; background-repeat: repeat-y;"> </td>
<td colspan=2 name="conteudo NRF" style="background-color: #ffffff">
<!--Inicio do Conteudo--><div>
<ul class="ulmenu" id="nav">
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/portal.htm" class="off" onmouseover="className='on'" onmouseout="className='off'">Portal</a></li>
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/forum.htm" class="off" onmouseover="className='on'" onmouseout="className='off'">Fórum</a>
<ul class="ulmenu" id="nav">
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/vila-oculta-da-folha-f9/" class="off" onmouseover="className='on'" onmouseout="className='off'">Konoha</a></li>
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/vila-oculta-da-nevoa-f18/" class="off" onmouseover="className='on'" onmouseout="className='off'">Kiri</a></li>
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/vila-oculta-da-areia-f19/" class="off" onmouseover="className='on'" onmouseout="className='off'">Suna</a></li>
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/vila-oculta-da-nuvem-f20/" class="off" onmouseover="className='on'" onmouseout="className='off'">Kumo</a></li>
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/vila-oculta-da-pedra-f21/" class="off" onmouseover="className='on'" onmouseout="className='off'">Iwa</a></li>
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/vila-oculta-da-chuva-f37/" class="off" onmouseover="className='on'" onmouseout="className='off'">Ame</a></li>
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/vila-oculta-do-som-f42/" class="off" onmouseover="className='on'" onmouseout="className='off'">Oto</a></li>
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/vila-oculta-da-estrela-f44/" class="off" onmouseover="className='on'" onmouseout="className='off'">Hoshi</a></li>
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/rinekudo-f45/" class="off" onmouseover="className='on'" onmouseout="className='off'">Rinekudo</a></li>
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/esconderijo-da-akatsuki-f22/" class="off" onmouseover="className='on'" onmouseout="className='off'">Akatsuki</a></li>
</ul>
</li>
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/regras-gerais-f10/" class="off" onmouseover="className='on'" onmouseout="className='off'">Regras Gerais</a></li>
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/apresentacoes-f1/" class="off" onmouseover="className='on'" onmouseout="className='off'">Apresentações</a>
<ul class="ulmenu" id="nav">
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/teste-moderador-f146/" class="off" onmouseover="className='on'" onmouseout="className='off'">Teste Moderador</a></li>
</ul>
</li>
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/profile.forum?mode=editprofile" class="off" onmouseover="className='on'" onmouseout="className='off'">Perfil</a>
<ul class="ulmenu" id="nav">
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/profile.forum?mode=editprofile#" class="off" onmouseover="className='on'" onmouseout="className='off'">Informações</a></li>
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/profile.forum?mode=editprofile&page_profil=preferences" class="off" onmouseover="className='on'" onmouseout="className='off'">Personagem</a></li>
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/profile.forum?mode=editprofile&page_profil=preferences" class="off" onmouseover="className='on'" onmouseout="className='off'">Preferencias</a></li>
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/profile.forum?mode=editprofile&page_profil=signature" class="off" onmouseover="className='on'" onmouseout="className='off'">Assinatura</a></li>
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/profile.forum?mode=editprofile&page_profil=attachments" class="off" onmouseover="className='on'" onmouseout="className='off'">Anexos</a></li>
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/profile.forum?mode=editprofile&page_profil=friendsfoes" class="off" onmouseover="className='on'" onmouseout="className='off'">Amigos</a></li>
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/search.forum?search_id=watchsearch" class="off" onmouseover="className='on'" onmouseout="className='off'">Topicos Supervi...</a></li>
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/search.forum?search_id=draftsearch" class="off" onmouseover="className='on'" onmouseout="className='off'">Rascunhos</a></li>
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/rpg_sheet_edit.forum?u=2" class="off" onmouseover="className='on'" onmouseout="className='off'">Personagem</a></li>
</ul>
</li>
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/parcerias-f4/como-funciona-o-sistema-de-parcerias-t133.htm" class="off" onmouseover="className='on'" onmouseout="className='off'">Parceria</a></li>
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/mercado-geral-f24/" class="off" onmouseover="className='on'" onmouseout="className='off'">Mercado Geral</a>
<ul class="ulmenu" id="nav">
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/bijus-f38/" class="off" onmouseover="className='on'" onmouseout="className='off'">Bijus</a></li>
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/armas-lendarias-f39/" class="off" onmouseover="className='on'" onmouseout="className='off'">Armas Lendarias</a></li>
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/armas-tradicionais-f46/" class="off" onmouseover="className='on'" onmouseout="className='off'">Armas Tradicionais</a></li>
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/rpg_sheet_edit.forum?u=2" class="off" onmouseover="className='on'" onmouseout="className='off'">Player x Player</a></li>
</ul>
</li>
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/area-livre-f118/" class="off" onmouseover="className='on'" onmouseout="className='off'">Area Livre</a>
<ul class="ulmenu" id="nav">
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/historia-de-naruto-rpg-future-f243/ajude-na-criacao-de-nossa-historia-t111.htm" class="off" onmouseover="className='on'" onmouseout="className='off'">Historia do RPG</a> </li>
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/dicas-e-reclamacoes-dos-players-f119/" class="off" onmouseover="className='on'" onmouseout="className='off'">Dicas e Reclama....</a>
</li>
</ul>
</li>
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/prisao-f36/" class="off" onmouseover="className='on'" onmouseout="className='off'">Prisão</a></li>
<li class="limenu"><a href="http://www.top30.com.br/cgi/votar.cgi?ID=106481" target="_area" class="off" onmouseover="className='on'" onmouseout="className='off'">Vota Top 30</a></li>
</ul>
</div>
<!--Fim do conteudo-->
</td>
<td width="21" background="https://i.servimg.com/u/f26/14/56/85/28/menu_014.png" style="-moz-border-radius: 0px; background-repeat: repeat-y;"> </td></tr>
<tr><td width="21" height="23" background="https://i.servimg.com/u/f26/14/56/85/28/menu_015.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;"> </td>
<td colspan=2 height="23" background="https://i.servimg.com/u/f26/14/56/85/28/menu_016.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;"> </td>
<td width="22" height="23" background="https://i.servimg.com/u/f26/14/56/85/28/menu_017.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;"> </td></tr></table>
</div>
<!--fim do menu NRF-->
Última edição por uzumaki minato em Dom 14 Nov 2010 - 21:55, editado 1 vez(es)
cyllaz- Membro
- Membro desde : 28/11/2009
Mensagens : 890
Pontos : 1258 -
Re: [Códigos] Problemas com o menu
por Solkis Seg 8 Nov 2010 - 12:39
Boa tarde,
Foi apagado pois ficou mais de 2 dias sem respostas do autor!
Sobre a questão, irei clocar a TAG para que o ajudeiro repsonsável pelos códigos venha lhe ajudar!
Até mais.
Foi apagado pois ficou mais de 2 dias sem respostas do autor!
Sobre a questão, irei clocar a TAG para que o ajudeiro repsonsável pelos códigos venha lhe ajudar!
Até mais.
Solkis- Membro Entusiasta
- Membro desde : 26/01/2008
Mensagens : 9983
Pontos : 12071 -
cyllaz- Membro
- Membro desde : 28/11/2009
Mensagens : 890
Pontos : 1258 -
cyllaz- Membro
- Membro desde : 28/11/2009
Mensagens : 890
Pontos : 1258 -
cyllaz- Membro
- Membro desde : 28/11/2009
Mensagens : 890
Pontos : 1258 -
cyllaz- Membro
- Membro desde : 28/11/2009
Mensagens : 890
Pontos : 1258 -
Re: [Códigos] Problemas com o menu
por cyllaz Dom 14 Nov 2010 - 17:08
por favor, alguem sabe um Código para deixar o Menu acima do fórum...
cyllaz- Membro
- Membro desde : 28/11/2009
Mensagens : 890
Pontos : 1258 -
Re: [Códigos] Problemas com o menu
por Byte Dom 14 Nov 2010 - 19:17
Olá uzumaki minato!
Aposto que todos que tentaram resolver este problema viram que "z-index:X" por mais alto que X fosse não funcionava.
Eu fui colocar o mesmo código em meu fórum para tentar resolver o problema, e acabei notando que ele se cortava exatamente onde havia o fim do widget.
Então me perguntei "que código que corta as coisas com o CSS?... já sei "overflow:hidden" é a resposta!", ai a resposta de tudo, o problema em si não estava no código do menu e sim no código do widget que já vem com o fórum!!
Para resolver teu problema uzumaki, basta colocar este código na sua folha de estilos CSS:
< Código >
Testado no seu próprio fórum com o inspetor de elementos!!
Espero ter lhe ajudado uzumaki minato!
Byte
Aposto que todos que tentaram resolver este problema viram que "z-index:X" por mais alto que X fosse não funcionava.
Eu fui colocar o mesmo código em meu fórum para tentar resolver o problema, e acabei notando que ele se cortava exatamente onde havia o fim do widget.
Então me perguntei "que código que corta as coisas com o CSS?... já sei "overflow:hidden" é a resposta!", ai a resposta de tudo, o problema em si não estava no código do menu e sim no código do widget que já vem com o fórum!!
Para resolver teu problema uzumaki, basta colocar este código na sua folha de estilos CSS:
< Código >
| #content-container div#left{overflow: visible !important;} |
< /Código > ![[Códigos] Problemas com o menu Byte2](https://2img.net/r/ihimizer/img52/534/byte2.png) |
Espero ter lhe ajudado uzumaki minato!
Byte
Byte- Super Membro
- Membro desde : 12/02/2009
Mensagens : 1272
Pontos : 2341 -
Re: [Códigos] Problemas com o menu
por cyllaz Dom 14 Nov 2010 - 21:55
carraaa como que você consegue ^^
funcionou lindo ^^
Vlw msn ^^
esse menu é o mais leve e que mais se encaixava a minhas nessecidades, que eu ja axei, não queria ter que me desfazer dele ^^
funcionou lindo ^^
Vlw msn ^^
esse menu é o mais leve e que mais se encaixava a minhas nessecidades, que eu ja axei, não queria ter que me desfazer dele ^^
cyllaz- Membro
- Membro desde : 28/11/2009
Mensagens : 890
Pontos : 1258 -
Tópicos semelhantes» Problemas com códigos para deixar fixo
» Códigos do menu inicial e categorias
» Problemas com os códigos HTML e BBCode
» Problemas em tópicos danificados por códigos css
» Problemas com imagens e descriçao e códigos
» Códigos do menu inicial e categorias
» Problemas com os códigos HTML e BBCode
» Problemas em tópicos danificados por códigos css
» Problemas com imagens e descriçao e códigos
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos