Como criar sub-menus?

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

Resolvido Como criar sub-menus?

Mensagem por Alex Habilidade em 03/11/12, 08:12 pm

Qual é minha questão:
Di acordo com este tópico: http://ajuda.forumeiros.com/t69086-modificando-os-botoes-do-forum

Agora preciso saber como criar sub-menus?

Obrigado.

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://maniaonline.foroactivo.com.mx/

Versão do meu fórum:
PUNBB
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Como criar sub-menus?

Mensagem por Consolado em 03/11/12, 08:23 pm

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

Código:

#pun-navlinks li a { position: relative; } li:hover #prof-content { opacity: 1; visibility: visible; margin-top: -5px; } #prof-content { margin-top: 5px; margin-left: 1450%; _margin: 0; /*IE6 only*/ opacity: 0; visibility: hidden; position: absolute; top: 29px; z-index: 999; background-color: #fff; padding: 5px; -moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9); -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9); box-shadow: 0 2px 2px -1px rgba(0,0,0,.9); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } #prof-content a { display:block; width: 150px; text-align: left !important; margin-left: 5px; }
Valide.

Feito isto, crie uma página JavaScript com o seguinte tópico:
Código:
jQuery(document).ready(function(){
    jQuery("#prof-content").appendTo("li:has(a[href$='profile?mode=editprofile'])");
    });
Ao invés de profile?mode=editprofile coloque o endereço do link do menu que você deseja que os sub-links apareçam.

Painel de Controle Seta Módulos Seta Portal & Widgets Seta Gestão dos widgets do fórum
Crie um novo widget.

No código-fonte, cole isto:


Até mais.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Como criar sub-menus?

Mensagem por Alex Habilidade em 04/11/12, 12:14 pm

Olá,

Fiz exatamente o que você me pediu, mas não resultou em nada e também não entendi muito bem seu tutorial.

Até Mais.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Como criar sub-menus?

Mensagem por Consolado em 04/11/12, 12:22 pm

Olá!

Poderia me enviar a página JavaScript gerada?

Até mais.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Como criar sub-menus?

Mensagem por Sennior em 04/11/12, 12:24 pm

Olá senhor,
Painel de Controle Seta Módulos Seta HTML e JavaScript Seta Gestão dos codigos JavaScript Seta Criar uma página JS
em Investimento: Marque todas as maginas
em Código JavaScript coloque este codigo:
Código:
jQuery(document).ready(function(){jQuery('.navlinks li a[href="/forum"]').after('<div class="ulhome"><ul><li class="limenup"><a href="http://br-designerforever.forumeiros.com/f1-regras">Regras</a><br></li><li class="limenup"><a href="http://br-designerforever.forumeiros.com/f16-eventos">Eventos</a><br></li><li class="limenup"><a href="http://br-designerforever.forumeiros.com/f6-shop">Shop</a><br></li><li class="limenup"><a href="http://br-designerforever.forumeiros.com/f5-pedidos">Pedidos</a><br></li><a href="http://br-designerforever.forumeiros.com/f10-tutoriais">Tutoriais</a><br></li><a href="http://br-designerforever.forumeiros.com/f11-recursos">Recursos</a><br></li><a href="http://br-designerforever.forumeiros.com/f17-apresentacoes">Apresentações</a><br></li><a href="http://br-designerforever.forumeiros.com/f14-bate-papo">Bate Papo</a><br></li><a href="http://br-designerforever.forumeiros.com/f12-sugestoes">Sugestões</a><br></li></ul></div>')});

E Salve !

Logo após, na aba:
Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Cole este codigo em sua CSS:
Código:
/* menus */
.navlinks li{position:relative;}
.ulhome{left:0px;top:20px;position:absolute !important;display:none;z-index:999;text-align:center !important;
background-image: url('http://i.imgur.com/3iunm.png') !important;
background-repeat: repeat !important;border:3px solid #ccc;list-style:none;position:relative;z-index:900
-moz-box-shadow:1px 1px 5px #9C9C9C;
-webkit-box-shadow:1px 1px 5px #9C9C9C;
box-shadow:1px 1px 5px #9C9C9C;}
.ulhome ul{text-align:left;border: 1px solid #CCCCCC;padding:0px 19px 0px 3px;}
.ulhome .limenup an{text-decoration:none;display:block;z-index:999;background-image:none !important}
li:hover .ulhome{left:0px;display:block;top:13px !important; -moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;
}
E Salve !

Resulta?
Abraços Piscada
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: Como criar sub-menus?

Mensagem por Alex Habilidade em 04/11/12, 12:41 pm

Today escreveu:Olá!

Poderia me enviar a página JavaScript gerada?

Até mais.
Aqui está.

]codejQuery(document).ready(function(){
jQuery("#prof-content").appendTo("li:has(a[href$='http://maniaonline.foroactivo.com.mx/forum'])");
});[/code]

@Mikéé escreveu:Olá senhor,
Painel de Controle Seta Módulos Seta HTML e JavaScript Seta Gestão dos codigos JavaScript Seta Criar uma página JS
em Investimento: Marque todas as maginas
em Código JavaScript coloque este codigo:
Código:
jQuery(document).ready(function(){jQuery('.navlinks li a[href="/forum"]').after('<div class="ulhome"><ul><li class="limenup"><a href="http://br-designerforever.forumeiros.com/f1-regras">Regras</a><br></li><li class="limenup"><a href="http://br-designerforever.forumeiros.com/f16-eventos">Eventos</a><br></li><li class="limenup"><a href="http://br-designerforever.forumeiros.com/f6-shop">Shop</a><br></li><li class="limenup"><a href="http://br-designerforever.forumeiros.com/f5-pedidos">Pedidos</a><br></li><a href="http://br-designerforever.forumeiros.com/f10-tutoriais">Tutoriais</a><br></li><a href="http://br-designerforever.forumeiros.com/f11-recursos">Recursos</a><br></li><a href="http://br-designerforever.forumeiros.com/f17-apresentacoes">Apresentações</a><br></li><a href="http://br-designerforever.forumeiros.com/f14-bate-papo">Bate Papo</a><br></li><a href="http://br-designerforever.forumeiros.com/f12-sugestoes">Sugestões</a><br></li></ul></div>')});

E Salve !

Logo após, na aba:
Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Cole este codigo em sua CSS:
Código:
/* menus */
.navlinks li{position:relative;}
.ulhome{left:0px;top:20px;position:absolute !important;display:none;z-index:999;text-align:center !important;
background-image: url('http://i.imgur.com/3iunm.png') !important;
background-repeat: repeat !important;border:3px solid #ccc;list-style:none;position:relative;z-index:900
-moz-box-shadow:1px 1px 5px #9C9C9C;
-webkit-box-shadow:1px 1px 5px #9C9C9C;
box-shadow:1px 1px 5px #9C9C9C;}
.ulhome ul{text-align:left;border: 1px solid #CCCCCC;padding:0px 19px 0px 3px;}
.ulhome .limenup an{text-decoration:none;display:block;z-index:999;background-image:none !important}
li:hover .ulhome{left:0px;display:block;top:13px !important; -moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;
}
E Salve !

Resulta?
Abraços Piscada

Não resultou. Piscada
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Como criar sub-menus?

Mensagem por Sennior em 04/11/12, 03:00 pm

Olá querido,

Pode estar acontecendo que o senhor tem muitos códigos java scripts. Retire todos é teste o que eu passei.

Abraços. Piscada
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: Como criar sub-menus?

Mensagem por Alex Habilidade em 05/11/12, 01:06 pm

@Mikéé escreveu:Olá querido,

Pode estar acontecendo que o senhor tem muitos códigos java scripts. Retire todos é teste o que eu passei.

Abraços. Piscada

Olá,

Removi alguns apenas, pois não posso remover o restante porque é o que deixa meu fórum estruturado.

Vocês realmente entederam o que eu quero?
Eu quero remover os botões dos menus que fica a baixo da logo. após remover eu quero colocar novos botões mas como se fosse um widget, ele ficará ao lado esquerdo da pagina dos widget. Só que eu quero um código que dê para eu sempre estar modificando - Adicionando mais botões etc...
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Como criar sub-menus?

Mensagem por Alex Habilidade em 05/11/12, 04:35 pm

Alguém??
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Como criar sub-menus?

Mensagem por Alex Habilidade em 06/11/12, 01:24 pm

Alguém ?
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Como criar sub-menus?

Mensagem por Nickname em 06/11/12, 01:32 pm

Olá,
Você deseja remover todos os links do menu de navegação de seu fórum? Se for, faça o seguinte procedimento:
Painel de controle >> Visualização >> Imagens e cores >> Cores >> Folha de estilo CSS
e adicione o seguinte código:
Código:
#pun-navlinks{
display: none
}
e salve!

Melhores cumprimentos!

Nickname
Membro do Fórum

Masculino
Inscrito dia : 13/11/2011
Mensagens : 1551
Pontos Ativos : 2048

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

Resolvido Re: Como criar sub-menus?

Mensagem por Alex Habilidade em 06/11/12, 01:33 pm

Linnk escreveu:Olá,
Você deseja remover todos os links do menu de navegação de seu fórum? Se for, faça o seguinte procedimento:
Painel de controle >> Visualização >> Imagens e cores >> Cores >> Folha de estilo CSS
e adicione o seguinte código:
Código:
#pun-navlinks{
display: none
}
e salve!

Melhores cumprimentos!

Isso ja foi me ajudado no outro tópico. Eu quero criar um menu. igual o exemplo postado, recomendo que leia o tópico por completo assim voce entende melhor o que eu quero Feliz
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Como criar sub-menus?

Mensagem por Consolado em 06/11/12, 01:50 pm

Olá!

Leia este tópico: http://ajuda.forumeiros.com/t64872-#441291

Até mais.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Como criar sub-menus?

Mensagem por Nickname em 06/11/12, 01:52 pm

Olá,
Adicione o seguinte código em sua folha de estilo CSS:
Código:
.limenu .ulmenu{display:none;left:120px;position:absolute;z-index:900}.ulmenu .limenu{position:relative;z-index:900}
.ulmenu{list-style:none;top:0;width:120px;z-index:900}
.ulmenu .limenu a{background-color:#fff;border-bottom:1px dashed #999;display:block;height:20px;text-decoration:none;z-index:900}
.limenu:hover .ulmenu{display:block}
E salve!

Agora, crie um widget com o seguinte código:
Código:
<ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="/portal.htm" class="off" onmouseover="className='on'" onmouseout="className='off'">Portal</a></li>
 <li id="suave" class="limenu"><a href="/forum.htm" class="off" onmouseover="className='on'" onmouseout="className='off'">Fórum</a>
 <ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="/f11-pedidos-graficos" class="off" onmouseover="className='on'" onmouseout="className='off'">Gráficos</a></li>
<li id="suave" class="limenu"><a href="/f22-pedidos-de-codigos" class="off" onmouseover="className='on'" onmouseout="className='off'">Códigos</a></li>
<li id="suave" class="limenu"><a href="/f52-area-vip" class="off" onmouseover="className='on'" onmouseout="className='off'">Área Vip</a></li>
<li id="suave" class="limenu"><a href="/f9-espaco-publicidade" class="off" onmouseover="className='on'" onmouseout="className='off'">Publicidade</a></li>
<li id="suave" class="limenu"><a href="/f18-entretenimento" class="off" onmouseover="className='on'" onmouseout="className='off'">Entretenimento</a></li>
<li id="suave" class="limenu"><a href="/f19-games" class="off" onmouseover="className='on'" onmouseout="className='off'">Games</a></li>
<li id="suave" class="limenu"><a href="/f20-memes" class="off" onmouseover="className='on'" onmouseout="className='off'">Memes</a></li>
<li id="suave" class="limenu"><a href="/gallery/personal.htm" class="off" onmouseover="className='on'" onmouseout="className='off'">Galeria</a></li>
<li id="suave" class="limenu"><a href="/f27-recursos" class="off" onmouseover="className='on'" onmouseout="className='off'">Recursos</a></li>
<li id="suave" class="limenu"><a href="/f30-noticias" class="off" onmouseover="className='on'" onmouseout="className='off'">Noticias</a></li>
 </ul>
</li>
 <li id="suave" class="limenu"><a href="/f12-tutoriais-e-dicas" class="off" onmouseover="className='on'" onmouseout="className='off'">Tutoriais</a></li>
 <li id="suave" class="limenu"><a href="/f6-regras" class="off" onmouseover="className='on'" onmouseout="className='off'">Regras Gerais</a></li>
 <li id="suave" class="limenu"><a href="/f7-apresente-se" class="off" onmouseover="className='on'" onmouseout="className='off'">Apresentações</a></li>
 <li id="suave" class="limenu"><a href="/profile?mode=editprofile" class="off" onmouseover="className='on'" onmouseout="className='off'">Perfil</a>
 <ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="/profile?mode=editprofile#" class="off" onmouseover="className='on'" onmouseout="className='off'">Informações</a></li>
 <li id="suave" class="limenu"><a href="/profile?mode=editprofile&amp;page_profil=preferences" class="off" onmouseover="className='on'" onmouseout="className='off'">Personagem</a></li>
 <li id="suave" class="limenu"><a href="/profile?mode=editprofile&amp;page_profil=preferences" class="off" onmouseover="className='on'" onmouseout="className='off'">Preferencias</a></li>
 <li id="suave" class="limenu"><a href="/profile?mode=editprofile&amp;page_profil=signature" class="off" onmouseover="className='on'" onmouseout="className='off'">Assinatura</a></li>
<li id="suave" class="limenu"><a href="/profile?mode=editprofile&amp;page_profil=avatars" class="off" onmouseover="className='on'" onmouseout="className='off'">Avatar</a></li>
 <li id="suave" class="limenu"><a href="/profile?mode=editprofile&amp;page_profil=attachments" class="off" onmouseover="className='on'" onmouseout="className='off'">Anexos</a></li>
 <li id="suave" class="limenu"><a href="/profile?mode=editprofile&amp;page_profil=friendsfoes" class="off" onmouseover="className='on'" onmouseout="className='off'">Amigos</a></li>
 <li id="suave" class="limenu"><a href="/search?search_id=watchsearch" class="off" onmouseover="className='on'" onmouseout="className='off'">Topicos Super</a></li>
 <li id="suave" class="limenu"><a href="/search?search_id=draftsearch" class="off" onmouseover="className='on'" onmouseout="className='off'">Rascunhos</a></li>
 </ul>
 </li>
<li id="suave" class="limenu"><a href="/t54-parceria" class="off" onmouseover="className='on'" onmouseout="className='off'">Parceria</a></li>
<li id="suave" class="limenu"><a href="/f10-area-livre" class="off" onmouseover="className='on'" onmouseout="className='off'">Area Livre</a></li>
<li id="suave" class="limenu"><a href="/h20-editor-de-imagens" target="_area" class="off" onmouseover="className='on'" onmouseout="className='off'">Photoeditor</a></li>
<li id="suave" class="limenu"><a href="http://www.top30.com.br/cgi/votar.cgi?ID=130831" target="_area" class="off" onmouseover="className='on'" onmouseout="className='off'">Vota Top 30</a></li>

<!--Painel do Usuario-->

<ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="/h1-staff" class="off" onmouseover="className='on'" onmouseout="className='off'">Staff</a>
  <ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="/g1-administradores" class="off" onmouseover="className='on'" onmouseout="className='off'">Administrador</a></li>
 <li id="suave" class="limenu"><a href="/g2-moderadores" class="off" onmouseover="className='on'" onmouseout="className='off'">Moderadores</a></li>
 <li id="suave" class="limenu"><a href="/g4-programador-web" class="off" onmouseover="className='on'" onmouseout="className='off'">Códigos</a></li>
 <li id="suave" class="limenu"><a href="/g5-designer-grafico" class="off" onmouseover="className='on'" onmouseout="className='off'">Gráficos </a></li>
 <li id="suave" class="limenu"><a href="/g6-ajuda-sp" class="off" onmouseover="className='on'" onmouseout="className='off'">Ajuda-SP</a></li>
 <li id="suave" class="limenu"><a href="/g10-entretidos" class="off" onmouseover="className='on'" onmouseout="className='off'">Entretidos</a></li>
 <li id="suave" class="limenu"><a href="/g6-ajuda-sp" class="off" onmouseover="className='on'" onmouseout="className='off'">Gamers</a></li>
  </ul>
</li>
 <li id="suave" class="limenu"><a href="../search?search_topics=Convidado" class="off" onmouseover="className='on'" onmouseout="className='off'">Tópicos</a>
  <ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="../search?search_topics=Convidado" class="off" onmouseover="className='on'" onmouseout="className='off'">Meus Tópicos </a></li>
 <li id="suave" class="limenu"><a href="../search?search_id=watchsearch" class="off" onmouseover="className='on'" onmouseout="className='off'">Supervisionados</a></li>
 <li id="suave" class="limenu"><a href="../search?search_id=favouritesearch" class="off" onmouseover="className='on'" onmouseout="className='off'">Favoritos</a></li>
  </ul>
</li>
 <li id="suave" class="limenu"><a href="../search?search_author=Convidado&amp;show_results=posts" class="off" onmouseover="className='on'" onmouseout="className='off'">Mensagens</a>
  <ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="../search?search_id=newposts" class="off" onmouseover="className='on'" onmouseout="className='off'"><small>(Qua 31 Dez 1969)</small></a></li>
  </ul>
</li>

</ul>
Edite o widget do modo que desejar e salve!
logo após mova o widget para o local que desejar e pronto!

Melhores cumprimentos!

Nickname
Membro do Fórum

Masculino
Inscrito dia : 13/11/2011
Mensagens : 1551
Pontos Ativos : 2048

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

Resolvido Re: Como criar sub-menus?

Mensagem por Alex Habilidade em 06/11/12, 01:59 pm

Linnk escreveu:Olá,
Adicione o seguinte código em sua folha de estilo CSS:
Código:
.limenu .ulmenu{display:none;left:120px;position:absolute;z-index:900}.ulmenu .limenu{position:relative;z-index:900}
.ulmenu{list-style:none;top:0;width:120px;z-index:900}
.ulmenu .limenu a{background-color:#fff;border-bottom:1px dashed #999;display:block;height:20px;text-decoration:none;z-index:900}
.limenu:hover .ulmenu{display:block}
E salve!

Agora, crie um widget com o seguinte código:
Código:
<ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="/portal.htm" class="off" onmouseover="className='on'" onmouseout="className='off'">Portal</a></li>
 <li id="suave" class="limenu"><a href="/forum.htm" class="off" onmouseover="className='on'" onmouseout="className='off'">Fórum</a>
 <ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="/f11-pedidos-graficos" class="off" onmouseover="className='on'" onmouseout="className='off'">Gráficos</a></li>
<li id="suave" class="limenu"><a href="/f22-pedidos-de-codigos" class="off" onmouseover="className='on'" onmouseout="className='off'">Códigos</a></li>
<li id="suave" class="limenu"><a href="/f52-area-vip" class="off" onmouseover="className='on'" onmouseout="className='off'">Área Vip</a></li>
<li id="suave" class="limenu"><a href="/f9-espaco-publicidade" class="off" onmouseover="className='on'" onmouseout="className='off'">Publicidade</a></li>
<li id="suave" class="limenu"><a href="/f18-entretenimento" class="off" onmouseover="className='on'" onmouseout="className='off'">Entretenimento</a></li>
<li id="suave" class="limenu"><a href="/f19-games" class="off" onmouseover="className='on'" onmouseout="className='off'">Games</a></li>
<li id="suave" class="limenu"><a href="/f20-memes" class="off" onmouseover="className='on'" onmouseout="className='off'">Memes</a></li>
<li id="suave" class="limenu"><a href="/gallery/personal.htm" class="off" onmouseover="className='on'" onmouseout="className='off'">Galeria</a></li>
<li id="suave" class="limenu"><a href="/f27-recursos" class="off" onmouseover="className='on'" onmouseout="className='off'">Recursos</a></li>
<li id="suave" class="limenu"><a href="/f30-noticias" class="off" onmouseover="className='on'" onmouseout="className='off'">Noticias</a></li>
 </ul>
</li>
 <li id="suave" class="limenu"><a href="/f12-tutoriais-e-dicas" class="off" onmouseover="className='on'" onmouseout="className='off'">Tutoriais</a></li>
 <li id="suave" class="limenu"><a href="/f6-regras" class="off" onmouseover="className='on'" onmouseout="className='off'">Regras Gerais</a></li>
 <li id="suave" class="limenu"><a href="/f7-apresente-se" class="off" onmouseover="className='on'" onmouseout="className='off'">Apresentações</a></li>
 <li id="suave" class="limenu"><a href="/profile?mode=editprofile" class="off" onmouseover="className='on'" onmouseout="className='off'">Perfil</a>
 <ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="/profile?mode=editprofile#" class="off" onmouseover="className='on'" onmouseout="className='off'">Informações</a></li>
 <li id="suave" class="limenu"><a href="/profile?mode=editprofile&page_profil=preferences" class="off" onmouseover="className='on'" onmouseout="className='off'">Personagem</a></li>
 <li id="suave" class="limenu"><a href="/profile?mode=editprofile&page_profil=preferences" class="off" onmouseover="className='on'" onmouseout="className='off'">Preferencias</a></li>
 <li id="suave" class="limenu"><a href="/profile?mode=editprofile&page_profil=signature" class="off" onmouseover="className='on'" onmouseout="className='off'">Assinatura</a></li>
<li id="suave" class="limenu"><a href="/profile?mode=editprofile&page_profil=avatars" class="off" onmouseover="className='on'" onmouseout="className='off'">Avatar</a></li>
 <li id="suave" class="limenu"><a href="/profile?mode=editprofile&page_profil=attachments" class="off" onmouseover="className='on'" onmouseout="className='off'">Anexos</a></li>
 <li id="suave" class="limenu"><a href="/profile?mode=editprofile&page_profil=friendsfoes" class="off" onmouseover="className='on'" onmouseout="className='off'">Amigos</a></li>
 <li id="suave" class="limenu"><a href="/search?search_id=watchsearch" class="off" onmouseover="className='on'" onmouseout="className='off'">Topicos Super</a></li>
 <li id="suave" class="limenu"><a href="/search?search_id=draftsearch" class="off" onmouseover="className='on'" onmouseout="className='off'">Rascunhos</a></li>
 </ul>
 </li>
<li id="suave" class="limenu"><a href="/t54-parceria" class="off" onmouseover="className='on'" onmouseout="className='off'">Parceria</a></li>
<li id="suave" class="limenu"><a href="/f10-area-livre" class="off" onmouseover="className='on'" onmouseout="className='off'">Area Livre</a></li>
<li id="suave" class="limenu"><a href="/h20-editor-de-imagens" target="_area" class="off" onmouseover="className='on'" onmouseout="className='off'">Photoeditor</a></li>
<li id="suave" class="limenu"><a href="http://www.top30.com.br/cgi/votar.cgi?ID=130831" target="_area" class="off" onmouseover="className='on'" onmouseout="className='off'">Vota Top 30</a></li>

<!--Painel do Usuario-->

<ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="/h1-staff" class="off" onmouseover="className='on'" onmouseout="className='off'">Staff</a>
  <ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="/g1-administradores" class="off" onmouseover="className='on'" onmouseout="className='off'">Administrador</a></li>
 <li id="suave" class="limenu"><a href="/g2-moderadores" class="off" onmouseover="className='on'" onmouseout="className='off'">Moderadores</a></li>
 <li id="suave" class="limenu"><a href="/g4-programador-web" class="off" onmouseover="className='on'" onmouseout="className='off'">Códigos</a></li>
 <li id="suave" class="limenu"><a href="/g5-designer-grafico" class="off" onmouseover="className='on'" onmouseout="className='off'">Gráficos </a></li>
 <li id="suave" class="limenu"><a href="/g6-ajuda-sp" class="off" onmouseover="className='on'" onmouseout="className='off'">Ajuda-SP</a></li>
 <li id="suave" class="limenu"><a href="/g10-entretidos" class="off" onmouseover="className='on'" onmouseout="className='off'">Entretidos</a></li>
 <li id="suave" class="limenu"><a href="/g6-ajuda-sp" class="off" onmouseover="className='on'" onmouseout="className='off'">Gamers</a></li>
  </ul>
</li>
 <li id="suave" class="limenu"><a href="../search?search_topics=Convidado" class="off" onmouseover="className='on'" onmouseout="className='off'">Tópicos</a>
  <ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="../search?search_topics=Convidado" class="off" onmouseover="className='on'" onmouseout="className='off'">Meus Tópicos </a></li>
 <li id="suave" class="limenu"><a href="../search?search_id=watchsearch" class="off" onmouseover="className='on'" onmouseout="className='off'">Supervisionados</a></li>
 <li id="suave" class="limenu"><a href="../search?search_id=favouritesearch" class="off" onmouseover="className='on'" onmouseout="className='off'">Favoritos</a></li>
  </ul>
</li>
 <li id="suave" class="limenu"><a href="../search?search_author=Convidado&show_results=posts" class="off" onmouseover="className='on'" onmouseout="className='off'">Mensagens</a>
  <ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="../search?search_id=newposts" class="off" onmouseover="className='on'" onmouseout="className='off'"><small>(Qua 31 Dez 1969)</small></a></li>
  </ul>
</li>

</ul>
Edite o widget do modo que desejar e salve!
logo após mova o widget para o local que desejar e pronto!

Melhores cumprimentos!

Olá, é exatamente isso rs.

Só que este código está muito simples os efeitos, teria algo mais moderno para me apresentar? ficaria grato Feliz

ja dei obrigado !
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Como criar sub-menus?

Mensagem por Alex Habilidade em 06/11/12, 03:24 pm

Podem bloquear.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.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