Efeito hover no menu
+3
Roevs
'Lucas
DJ-Leonardo
7 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Efeito hover no menu
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
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
Re: Efeito hover no menu
Olá,
Veja essa Tutorial
https://ajuda.forumeiros.com/t15695-tutorial-efeito-de-opacidade-nas-imagens-do-menu
Resolve?
Cumprimentos, Lucas
Veja essa Tutorial
https://ajuda.forumeiros.com/t15695-tutorial-efeito-de-opacidade-nas-imagens-do-menu
Resolve?
Cumprimentos, Lucas
Re: Efeito hover no menu
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.
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.
Re: Efeito hover no menu
Aqui esta um código pronto
Ponha ele em : Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS
E Adicione o Código Abaixo
Ponha ele em : Painel de Controle Visualização Imagens e Cores Cores 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;
}
Re: Efeito hover no menu
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
shadow na fonte,eu queria que ficasse assim...
https://i.imgur.com/ITcVq.png
Na mesma cor e talz...
Obrigado
Re: Efeito hover no menu
Ola,
Tente assim
Ou
Painel de Controle Visualização Aba " Imagens e Cores " Cores Folha de Estilo CSS .
Cumprimentos, Lucas
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 Visualização Aba " Imagens e Cores " Cores Folha de Estilo CSS .
Cumprimentos, Lucas
Re: Efeito hover no menu
Olá,
como proposto acima e questão manda o link de onde vc viu isso que posso ter o codigo aqui comigo blz ...
como proposto acima e questão manda o link de onde vc viu isso que posso ter o codigo aqui comigo blz ...
Re: Efeito hover no menu
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
Re: Efeito hover no menu
Olá!
Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS
Código:
Salve.
Até mais.
Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores 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.
Re: Efeito hover no menu
Obrigado Luciano98
Seu Códico pegou perfeitamente,
PS: Nenhum dos outros Avia Funcionado..
Pode feixar
Seu Códico pegou perfeitamente,
PS: Nenhum dos outros Avia Funcionado..
Pode feixar
Tópicos semelhantes
» Menu com efeito hover
» Efeito hover do menu
» Efeito hover no menu
» Menu com efeito hover
» Efeito no menu com hover
» Efeito hover do menu
» Efeito hover no menu
» Menu com efeito hover
» Efeito no menu com hover
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos