Hover nos menus de navegação

por lerofal 28.12.10 19:07

Bem queria saber se tem como coloca pra quando o mouse estiver encima da imagem no menu aquela imagem ficar branca Muito feliz

por Mikáá 28.12.10 19:31

Olá!

Veja se os códigos em baixo servem para resolver o seu problema:

Clique aqui paa ver os códigos:

calendario:

Código:: #i_icon_mini_calendar { background-image: url(http://i60.servimg.com/u/f60/15/70/05/80/login10.png); padding: 30px 80px; background-repeat: no-repeat; } #i_icon_mini_calendar:hover { background-image: url(Link da Imagem); padding: 30px 80px; background-repeat: no-repeat; }

Sair:

Código:: #i_icon_mini_logout { background-image: url(http://i60.servimg.com/u/f60/15/70/05/80/login10.png); padding: 30px 80px; background-repeat: no-repeat; } #i_icon_mini_logout:hover { background-image: url(Link da Imagem); padding: 30px 80px; background-repeat: no-repeat; }

Novas mensagens:

Código:: #i_icon_mini_new_message { background-image: url(http://i60.servimg.com/u/f60/15/70/05/80/login10.png); padding: 30px 80px; background-repeat: no-repeat; } #i_icon_mini_new_message:hover { background-image: url(Link da Imagem); padding: 30px 80px; background-repeat: no-repeat; }

FAQ:

Código:: #i_icon_mini_faq { background-image: url(http://i60.servimg.com/u/f60/15/70/05/80/faq10.png); padding: 30px 80px; background-repeat: no-repeat; } #i_icon_mini_faq:hover { background-image: url(Link da Imagem); padding: 30px 80px; background-repeat: no-repeat; }

Buscar:

Código:: #i_icon_mini_search { background-image: url(http://i60.servimg.com/u/f60/15/70/05/80/buscar10.png); padding: 30px 80px; background-repeat: no-repeat; } #i_icon_mini_search:hover { background-image: url(Link da Imagem); padding: 30px 80px; background-repeat: no-repeat; }

MP:

Código:: #i_icon_mini_message { background-image: url(http://i60.servimg.com/u/f60/15/70/05/80/mensag12.png); padding: 30px 80px; background-repeat: no-repeat; } #i_icon_mini_message:hover { background-image: url(Link da Imagem); padding: 30px 80px; background-repeat: no-repeat; }

Editar profile:

Código:: #i_icon_mini_profile { background-image: url(http://i60.servimg.com/u/f60/15/70/05/80/bolinh10.png); padding: 30px 80px; background-repeat: no-repeat; } #i_icon_mini_profile:hover { background-image: url(Link da Imagem); padding: 30px 80px; background-repeat: no-repeat; }

login:

Código:: #i_icon_mini_login { background-image: url(http://i60.servimg.com/u/f60/15/70/05/80/login10.png); padding: 30px 80px; background-repeat: no-repeat; } #i_icon_mini_login:hover { background-image: url(Link da Imagem); padding: 30px 80px; background-repeat: no-repeat; }

registar:

Código:: #i_icon_mini_register { background-image: url(http://i60.servimg.com/u/f60/15/70/05/80/regist10.png); padding: 30px 80px; background-repeat: no-repeat; } #i_icon_mini_register:hover { background-image: url(Link da Imagem); padding: 30px 80px; background-repeat: no-repeat; }

grupos:

Código:: #i_icon_mini_groups { background-image: url(http://i60.servimg.com/u/f60/15/70/05/80/grupos10.png); padding: 30px 80px; background-repeat: no-repeat; } #i_icon_mini_groups:hover { background-image: url(Link da Imagem); padding: 30px 80px; background-repeat: no-repeat; }

Até mais.

por lerofal 28.12.10 20:44

Hitskin.com