Efeito no menu de navegação

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

Resolvido Efeito no menu de navegação

Mensagem por D'Leandro™ em 29/09/12, 11:35 pm

Qual é minha questão:
Gostaria do efeito que se encontra na seguinte página html
http://staffergroupbr.stuning.net/h15-demonstracao

O Primeiro menú, note que ao passar o mouse sobre as opções um tipo de Underline passa por eles acompanhando o mouse!

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

Endereço do meu fórum:
http://staffergroupbr.stuning.net/portal

Versão do meu fórum:
PHPBB3
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Efeito no menu de navegação

Mensagem por D'Leandro™ em 30/09/12, 08:47 pm

avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Efeito no menu de navegação

Mensagem por Sr.pepek em 30/09/12, 08:50 pm

Não compreendi com sua questão , Poderia explicar melhor ? !

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

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

Resolvido Re: Efeito no menu de navegação

Mensagem por zXTeRRoRiStXz em 30/09/12, 09:06 pm

lool entendii nada tem possibilidade de manda outro ae?

zXTeRRoRiStXz
Nível 9

Masculino
Inscrito dia : 23/09/2012
Mensagens : 240
Pontos Ativos : 315

Ver perfil do usuário http://bigvinhetas.umforum.net/

Resolvido Re: Efeito no menu de navegação

Mensagem por D'Leandro™ em 30/09/12, 10:58 pm

Gostaria do efeito deste menú


Entre na página do link e passe o mouse no mesmo menu da imagem, ele fica bem em cima, do lado direito!
http://staffergroupbr.stuning.net/h15-demonstracao
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Efeito no menu de navegação

Mensagem por Sennior em 01/10/12, 05:26 pm

Tente o CSS abaixo:

Código:
.mainmenu {
color: #B3B3B3 !important;
padding: 15px 16px 12px 16px;
margin-right: 4px;
text-decoration: none;
font: 11px Arial,Helvetica,Sans-serif;
text-transform: uppercase;
border-bottom: 5px solid #525252;
}

Até mais.
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: Efeito no menu de navegação

Mensagem por iPatrão™ em 01/10/12, 05:36 pm

Faça uma nova Pagina JS.

Com o seguinte codigo abaixo.
Código:
<div id="container-top">
<div class="span-24">
<div class="span-16">
<div class="menu-primary-wrap">
<div class="pagelistmenusblog section" id="pagelistmenusblog"><div class="widget PageList" id="PageList14">
<div class="widget-content">
<ul class="menus menu-primary sf-js-enabled">
<li class="current_page_item"><a href="http://technet-btheme.blogspot.com.br/">Home</a></li>
<li><a href="http://technet-btheme.blogspot.com.br/p/about.html">About</a></li>
<li><a href="http://technet-btheme.blogspot.com.br/p/support.html">Support</a></li>
<li><a href="http://technet-btheme.blogspot.com.br/p/contact.html">Contact</a></li>
<li class="sfHover"><a href="http://technet-btheme.blogspot.com.br/p/advertise.html">Advertise</a></li>
</ul>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="//www.blogger.com/rearrange?blogID=7547898549051314400&amp;widgetType=PageList&amp;widgetId=PageList14&amp;action=editWidget&amp;sectionId=pagelistmenusblog" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;PageList14&quot;));" target="configPageList14" title="Edit">
<img alt="" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" height="18" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div>
</div></div>
</div>
</div>
<div class="span-8 last">
<div class="topsearch">

Si não funciona tente este.
Código:
<div id="wrap2">
<div id="container-top">
<div class="span-24">
<div class="span-16">
<div class="menu-primary-wrap">
<div class="pagelistmenusblog section" id="pagelistmenusblog"><div class="widget PageList" id="PageList14">
<div class="widget-content">
<ul class="menus menu-primary sf-js-enabled">
<li class="current_page_item"><a href="http://technet-btheme.blogspot.com.br/">Home</a></li>
<li><a href="http://technet-btheme.blogspot.com.br/p/about.html">About</a></li>
<li><a href="http://technet-btheme.blogspot.com.br/p/support.html">Support</a></li>
<li><a href="http://technet-btheme.blogspot.com.br/p/contact.html">Contact</a></li>
<li class="sfHover"><a href="http://technet-btheme.blogspot.com.br/p/advertise.html">Advertise</a></li>
</ul>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="//www.blogger.com/rearrange?blogID=7547898549051314400&amp;widgetType=PageList&amp;widgetId=PageList14&amp;action=editWidget&amp;sectionId=pagelistmenusblog" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;PageList14&quot;));" target="configPageList14" title="Edit">
<img alt="" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" height="18" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div>
</div></div>
</div>
</div>
Abraços
avatar

iPatrão™
Nível 5

Masculino
Inscrito dia : 01/10/2012
Mensagens : 47
Pontos Ativos : 56

Ver perfil do usuário

Resolvido Re: Efeito no menu de navegação

Mensagem por D'Leandro™ em 01/10/12, 07:09 pm

Não Obtive Resultado, Mas pode Fechar!
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

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