Como criar sub-menus?

Qual é minha questão:
Di acordo com este tópico: https://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

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Visualização Imagens e Cores Cores 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 Módulos Portal & Widgets Gestão dos widgets do fórum
Crie um novo widget.

No código-fonte, cole isto:


Até mais.

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.

Olá!

Poderia me enviar a página JavaScript gerada?

Até mais.

Olá senhor,

Painel de Controle Módulos HTML e JavaScript Gestão dos codigos JavaScript 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 Imagens e Cores Cores 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

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 Módulos HTML e JavaScript Gestão dos codigos JavaScript 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 Imagens e Cores Cores 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

Não resultou.

Olá querido,

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

Abraços.

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.

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...

Alguém??

Alguém ?

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!

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

Olá!

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

Até mais.

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!

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

ja dei obrigado !

Podem bloquear.