Efeito hover no menu

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

Resolvido Efeito hover no menu

Mensagem por DJ-Leonardo em 02/03/12, 10:42 am

Qual é minha questão:
Olá galera,como vão vocês? Bom Eu queria o código css Desse Efeito Hover no meu fórum.
Tenho um theme que o menu é igual ao do site que achei o menu.
E queria o houver que vi no dele que não tem no meu.

Medidas que eu tomei para corrigir o problema:
Procurei no google mais não achei,agora vim pedir ajuda a vocês.

Links e imagens do meu problema:
Como ta Normal: http://i.imgur.com/pX7CJ.png /

Como quero que fique quando passar o mouse: http://i.imgur.com/ITcVq.png /

Como ele esta originalmente no meu fórum: http://i.imgur.com/kox9Y.png .

Endereço do meu fórum:
www.warcheats.forumslog.com

Versão do meu fórum:
INVISION
avatar

DJ-Leonardo
Nível 2

Masculino
Inscrito dia : 28/02/2012
Mensagens : 13
Pontos Ativos : 17

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

Resolvido Re: Efeito hover no menu

Mensagem por 'Lucas em 02/03/12, 11:31 am

avatar

'Lucas
Nível 10

Masculino
Inscrito dia : 03/08/2011
Mensagens : 252
Pontos Ativos : 336

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

Resolvido Re: Efeito hover no menu

Mensagem por DJ-Leonardo em 02/03/12, 12:11 pm

Não Tinha como me ajudar passando o código já pronto?
Sou leigo no assunto de CSS.
Então não vou conseguir fazer todo aquele código do Tutorial.
Se alguém puder me ajudar com o código já pronto, versão do fórum é Invision.
avatar

DJ-Leonardo
Nível 2

Masculino
Inscrito dia : 28/02/2012
Mensagens : 13
Pontos Ativos : 17

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

Resolvido Re: Efeito hover no menu

Mensagem por iPrompt em 02/03/12, 02:08 pm

Aqui esta um código pronto

Ponha ele em : Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

E Adicione o Código Abaixo

Código:
#submenu ul li a img {
filter:alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
}
#submenu ul li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Efeito hover no menu

Mensagem por DJ-Leonardo em 02/03/12, 06:40 pm

Seu Código não deu serto @Coper,Ele ainda continua do mesmo jeito,so com o

shadow na fonte,eu queria que ficasse assim...

http://i.imgur.com/ITcVq.png

Na mesma cor e talz...

Obrigado
avatar

DJ-Leonardo
Nível 2

Masculino
Inscrito dia : 28/02/2012
Mensagens : 13
Pontos Ativos : 17

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

Resolvido Re: Efeito hover no menu

Mensagem por MateusV. em 02/03/12, 06:41 pm

Olá, poderia me enviar o link do forum que viu isto?
Cordialmente.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Efeito hover no menu

Mensagem por 'Lucas em 02/03/12, 06:44 pm

Ola,

Tente assim

Código:
a.mainmenu:hover {
border-bottom: 3px solid #00A4CD;
}

Ou

Código:
a.mainmenu:hover {
border: 2px solid #FF0000;
}

Painel de Controle Seta Visualização Seta Aba " Imagens e Cores " Seta Cores Seta Folha de Estilo CSS .

Cumprimentos, Lucas
avatar

'Lucas
Nível 10

Masculino
Inscrito dia : 03/08/2011
Mensagens : 252
Pontos Ativos : 336

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

Resolvido Re: Efeito hover no menu

Mensagem por bean em 02/03/12, 07:48 pm

Olá,

como proposto acima e questão manda o link de onde vc viu isso que posso ter o codigo aqui comigo blz ...
Estilo cool
avatar

bean
Usuário destaque

Masculino
Inscrito dia : 17/01/2012
Mensagens : 774
Pontos Ativos : 1003

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

Resolvido Re: Efeito hover no menu

Mensagem por ScriptLos em 02/03/12, 08:02 pm

Aceda á:
Painel de controle Visualização
Imagens e Cores Cores Folha CSS

Adicione o código:

Código:
#page-header .navbar ul.navlinks li a{
text-shadow: -1px -1px 1px black;
color: #dcf9ff;}

#page-header .navbar ul.navlinks li a:hover{

\
color: white;
position: relative;
bottom: -22px !important;
margin: 5px;
font-family: arial;
font-size: 14px;
text-shadow: 1px 1px 1px black;}

Atenciosamente,
ScriptLos
avatar

ScriptLos
Nível 5

Masculino
Inscrito dia : 14/02/2012
Mensagens : 50
Pontos Ativos : 69

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

Resolvido Re: Efeito hover no menu

Mensagem por Luciano98 em 03/03/12, 08:07 pm

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
a.mainmenu{font-size:13px;color:black}a.mainmenu:hover{color:white;border-left:2px solid #212121;border-right:2px solid #212121;border-bottom:1px solid #09A9A7;background-color:#035257}

Salve.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Efeito hover no menu

Mensagem por DJ-Leonardo em 04/03/12, 06:34 pm

Obrigado Luciano98
Seu Códico pegou perfeitamente,
PS: Nenhum dos outros Avia Funcionado..
Pode feixar
avatar

DJ-Leonardo
Nível 2

Masculino
Inscrito dia : 28/02/2012
Mensagens : 13
Pontos Ativos : 17

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