Menu de navegação personalizado.

2 participantes

Ir para baixo

Tópico resolvido Menu de navegação personalizado.

Mensagem por HTML 02.05.14 21:59

  • Descrição:
Menu de navegação personalizado. UIVnlI1

Visto em: bestskins.forumeiros.com

Gostaria que a fonte do menu ficasse branca, e que ele tivesse esse mesmo feito ao passar o mouse por cima de cada link.

Se possível.

  • Informações:
Fórum:http://minhaserie.forumeiros.comVersão:INVISION
Tipo:Pedido de códigoTags:navegação,personalizado.



Última edição por PUNKS em 03.05.14 10:59, editado 1 vez(es)
HTML
HTML
***

Membro desde : 17/04/2014
Mensagens : 114
Pontos : 216

http://html.ativoforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu de navegação personalizado.

Mensagem por Shek 02.05.14 22:15

Olá e boa tarde!

Adicione em seu CSS:
Código:
a.mainmenu {
color: #FFF !important;
}

a.mainmenu:hover {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.3) 0 1px 2px, rgba(255,255,255,1) 0 1px 0;
-o-border-radius: 3px;
-o-box-shadow: inset rgba(0,0,0,0.3) 0 1px 2px, rgba(255,255,255,1) 0 1px 0;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.3) 0 1px 2px, rgba(255,255,255,1) 0 1px 0;
background: #E1E1E1;
border: 1px solid #E1E1E1;
border-radius: 3px;
box-shadow: inset rgba(0,0,0,0.3) 0 1px 2px, rgba(255,255,255,1) 0 1px 0;
color: #757171;
font-weight: 700;
margin-bottom: 10px;
padding: 5px 8px;
text-shadow: 1px 1px 0 #fff;
}
Até mais!
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu de navegação personalizado.

Mensagem por HTML 02.05.14 22:23

Shek.

Ficou meio estranho.

Tem como deixar apenas o efeito de aproximar, e a cor da fonte branca?

Retirar o quadrado e o negrito.

Att,
PUNKS
HTML
HTML
***

Membro desde : 17/04/2014
Mensagens : 114
Pontos : 216

http://html.ativoforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu de navegação personalizado.

Mensagem por Shek 02.05.14 22:38

Olá!

Localize no seu CSS:
Código:
#submenu ul li a:hover
Em seguida, altere o seu código por este:
Código:
#submenu ul li a:hover {
background-color: #DADADA;
color: #000 !important;
}
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Ir para o topo


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