Sub-menus em widgets

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

Resolvido Sub-menus em widgets

Mensagem por wallace157 em 02/09/11, 09:29 am

Qual é minha questão:
Olá a todos, bom.., tenho um pedido quero o mesmo código deste fórum http://narutorpgfuture.forumeiros.com/ note que ao lado tem um menu com estilo tag eu queria fazer o mesmo em meu fórum se ainda não viram passem o mouse por cima de algum dos menus irá abrir outro menu ao lado, alguém poderia me dar o código e um tuto que ensine como usa-lo( isso é se precisa de um tutorial), obrigado pela atenção..

Medidas que eu tomei para corrigir o problema:
nenhuma

Imagens do meu problema:


Endereço do meu fórum:
http://narutorpgfuture.forumeiros.com/

Versão do meu fórum:
avatar

wallace157
Nível 4

Masculino
Inscrito dia : 13/06/2011
Mensagens : 27
Pontos Ativos : 45

Ver perfil do usuário http://www.templeofnaruto.forumeiros.com

Resolvido Re: Sub-menus em widgets

Mensagem por Dury em 02/09/11, 11:56 am

Olá,

Tente com esse código:
Código:
<style>
ul#picture_legend{display:none}img.acende{-moz-opacity:.9;filter:Alpha(Opacity=90);opacity:.9}img.acende:hover{-moz-opacity:1;filter:Alpha(Opacity=100);opacity:1}.headerbar{margin-bottom:0}.limenu .ulmenu{display:none;left:120px;position:absolute;z-index:999}.ulmenu{list-style:none;top:0;width:120px;z-index:999}.ulmenu .limenu{position:relative;z-index:999}.ulmenu .limenu a{border:1px solid #ccc;display:block;height:20px;text-decoration:none;z-index:999}.limenu:hover .ulmenu{display:block}.off{background:url(http://i26.servimg.com/u/f26/14/56/85/28/m_off10.jpg);cursor:default;font-size:11px;font-weight:700;padding-left:15px;padding-top:2px}.on{background:url(http://i26.servimg.com/u/f26/14/56/85/28/m_on10.jpg);cursor:hand;font-size:11px;font-weight:700;padding-left:18px;padding-top:2px}</style>

<!--Inicio do menu NRF--><div>
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="
-moz-border-radius: 0px;">
<tr name="NRF">
<td height="83">&nbsp</td>
<td rowspan=2 height="106" width="117" background="http://i66.servimg.com/u/f66/14/56/85/28/menunr14.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;">&nbsp</td>
<td rowspan=2 height="106" background="http://i66.servimg.com/u/f66/14/56/85/28/menunr13.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;">&nbsp</td>
<td height="83">&nbsp</td>
</tr><tr>
<td width="21" height="23" background="http://i26.servimg.com/u/f26/14/56/85/28/menu_011.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;">&nbsp</td>
<td width="22" height="23" background="http://i26.servimg.com/u/f26/14/56/85/28/menu_012.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;">&nbsp</td>
</tr>
<tr><td width="21" background="http://i66.servimg.com/u/f66/14/56/85/28/menu_015.png" style="-moz-border-radius: 0px; background-repeat: repeat-y;">&nbsp</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/tutoriais-f7/" class="off" onmouseover="className='on'" onmouseout="className='off'">Tutoriais</a></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 GM/Mod</a></li>

 </ul>
 </li>
 <li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/registro-shinobis-f149/" class="off" onmouseover="className='on'" onmouseout="className='off'">Registro Ninja</a></li>
 <li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/profile?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?mode=editprofile#" class="off" onmouseover="className='on'" onmouseout="className='off'">Informações</a></li>
 <li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/profile?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?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?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?mode=editprofile&page_profil=avatars" class="off" onmouseover="className='on'" onmouseout="className='off'">Avatar</a></li>
 <li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/profile?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?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?search_id=watchsearch" class="off" onmouseover="className='on'" onmouseout="className='off'">Topicos Super</a></li>

 <li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/search?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/lista-de-bijus-e-jinchuurikins-t93.htm" class="off" onmouseover="className='on'" onmouseout="className='off'">Bijus</a></li>

 <li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/armas-lendarias-f39/descricoes-e-precos-t49.htm" class="off" onmouseover="className='on'" onmouseout="className='off'">Armas Lend</a></li>
 <li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/animais-lendarios-f40/contratos-com-animais-t633.htm#4744" class="off" onmouseover="className='on'" onmouseout="className='off'">Animais Lend</a></li>
 <li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/armas-tradicionais-f46/armas-ninja-t103.htm" class="off" onmouseover="className='on'" onmouseout="className='off'">Arm Tradici...</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 Recla...</a>
</li>
<li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/t251-sala-de-reuniao-dos-gm-s-e-moderadores" class="off" onmouseover="className='on'" onmouseout="className='off'">Reuniões Staff</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>
 <ul class="ulmenu" id="nav">
 <li class="limenu"><a href="http://narutorpgfuture.forumeiros.com/prisao-f36/ninjas-fugitivos-mais-procurad-bingo-book-t400.htm" class="off" onmouseover="className='on'" onmouseout="className='off'">[Bingo Book] </a> </li>
 </ul>
</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="http://i66.servimg.com/u/f66/14/56/85/28/menu_013.png" style="-moz-border-radius: 0px; background-repeat: repeat-y;">&nbsp</td></tr>
<tr><td width="21" height="23" background="http://i26.servimg.com/u/f26/14/56/85/28/menu_015.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;">&nbsp</td>
<td colspan=2 height="23" background="http://i66.servimg.com/u/f66/14/56/85/28/menu_011.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;">&nbsp</td>
<td width="22" height="23" background="http://i26.servimg.com/u/f26/14/56/85/28/menu_017.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;">&nbsp</td></tr></table>
</div>
<!--fim do menu NRF-->

Altere o código como desejar.

Até mais!
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Sub-menus em widgets

Mensagem por punk_rkn em 02/09/11, 04:30 pm

No FlashVortex da pra fazer Menu com esse estilo aí, mas só que em flash. Caso se interesse: http://www.flashvortex.com/
avatar

punk_rkn
Usuário destaque

Masculino
Inscrito dia : 04/11/2007
Mensagens : 550
Pontos Ativos : 436

Ver perfil do usuário http://darkside.forumclan.com

Resolvido Re: Sub-menus em widgets

Mensagem por Gaaratsu em 02/09/11, 04:35 pm


Olá,
O fórum citado, foi feito o Sub-Menu pelo site acima.


Cumprimentos,
Owner
Forumeiros


Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Gaaratsu — Ajudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Sub-menus em widgets

Mensagem por Dury em 02/09/11, 11:08 pm

Olá Owner!

Se você continuar com o flood neste fórum você será adivertido! Não poste mensagens iguais as anteriores, se fizer apague a sua. E o código que apresentei não tem vinculo nenhum com o Flashvortex, é um CSS e um código próprio.
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

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