Efeito hover no menu

+3
Roevs
'Lucas
DJ-Leonardo
7 participantes

Ir para baixo

Tópico resolvido Efeito hover no menu

Mensagem por DJ-Leonardo 02.03.12 13:42

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: https://i.imgur.com/pX7CJ.png /

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

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

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

Versão do meu fórum:
INVISION
DJ-Leonardo
DJ-Leonardo
Novo Membro

Membro desde : 29/02/2012
Mensagens : 13
Pontos : 17

http://www.warcheats.forumslog.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por 'Lucas 02.03.12 14:31

'Lucas
'Lucas
****

Membro desde : 03/08/2011
Mensagens : 252
Pontos : 336

http://narutocraft.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por DJ-Leonardo 02.03.12 15:11

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.
DJ-Leonardo
DJ-Leonardo
Novo Membro

Membro desde : 29/02/2012
Mensagens : 13
Pontos : 17

http://www.warcheats.forumslog.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por Roevs 02.03.12 17:08

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;
}
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por DJ-Leonardo 02.03.12 21:40

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

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

Na mesma cor e talz...

Obrigado
DJ-Leonardo
DJ-Leonardo
Novo Membro

Membro desde : 29/02/2012
Mensagens : 13
Pontos : 17

http://www.warcheats.forumslog.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por MateusV. 02.03.12 21:41

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

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por 'Lucas 02.03.12 21:44

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
'Lucas
'Lucas
****

Membro desde : 03/08/2011
Mensagens : 252
Pontos : 336

http://narutocraft.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por bean 02.03.12 22:48

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
bean
bean
Membro

Membro desde : 17/01/2012
Mensagens : 774
Pontos : 1008

http://restinpeacerpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por ScriptLos 02.03.12 23:02

Aceda á:
Painel de controle Efeito hover no menu 2479035592VisualizaçãoEfeito hover no menu 2479035592
Imagens e Cores Efeito hover no menu 2479035592 Cores Efeito hover no menu 2479035592 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
ScriptLos
ScriptLos
**

Membro desde : 15/02/2012
Mensagens : 50
Pontos : 69

http://www.playforum.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por Luciano98 03.03.12 23:07

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.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por DJ-Leonardo 04.03.12 21:34

Obrigado Luciano98
Seu Códico pegou perfeitamente,
PS: Nenhum dos outros Avia Funcionado..
Pode feixar
DJ-Leonardo
DJ-Leonardo
Novo Membro

Membro desde : 29/02/2012
Mensagens : 13
Pontos : 17

http://www.warcheats.forumslog.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos