Ao aproximar o mouse do menu, ele mudar!

por Bookmarlucas654 15.01.12 19:41

Qual é minha questão:
Bem, eu queria saber se tem como eu fazer com que, quando alguém aproximar o mouse de alguma página do menu, ela mude! Exemplo:

Quando o mouse não está em cima:
Ao aproximar o mouse do menu, ele mudar! Menu1-a_r1_c2

Ao aproximar o mouse do menu, ele mudar! Menu1-a_r1_c2

Quando o mouse está em cima:
Ao aproximar o mouse do menu, ele mudar! Novamensagem_r1_c2

Tem como fazer isto?

E GENTE, É PARA O MENU EM?

Medidas que eu tomei para corrigir o problema:
Ainda nenhum, mas, já pesquisei, porém, não encontrei!

Imagens do meu problema:

Endereço do meu fórum:
http://habbojoy.forumeiros.com/

Versão do meu fórum:
PHPBB3

por King Gz; 15.01.12 19:46

Olá,

Vá em Painel de controle Visualização Imagens e cores Cores Folha de estilo css Adicione o código abaixo

#i_icon_mini_message:hover {
background-image: url(Endereço_da_sua_imagem);
}

Substitua o "#i_icon_mini_message" pela classe que desejar
Substitua o "Endereço_da_sua_imagem" pelo endereço da imagem que irá aparecer ao passar o mouse

Veja as classes css ligada a cada imagem do menu:

#i_icon_mini_index { Corresponde à imagem início/Fórum.
#i_icon_mini_portal { Corresponde à imagem portal.
#i_icon_mini_calendar { Corresponde à imagem calendário.
#i_icon_mini_faq { Corresponde à imagem Faq/Perguntas e respostas criadas por si no painel de controle.
#i_icon_mini_search { Corresponde à imagem buscar.
#i_icon_mini_index { Corresponde à imagem início/Fórum.
#i_icon_mini_members { Corresponde à imagem de membros do fórum.
#i_icon_mini_groups { Corresponde à imagem grupos.
#i_icon_mini_profile { Corresponde à imagem perfil.
#i_icon_mini_message { Corresponde à imagem do link do menu MP.
ul.navlinks span.new-message { Corresponde à imagem do link do menu Nova MP.
#i_icon_mini_logout { Corresponde à imagem do link do menu Sair.
#i_icon_mini_login { Corresponde à imagem do link do menu Login/Entrar.
#i_icon_mini_register { Corresponde à imagem do link do menu Registrar/Cadastrar.

Até mais

por Bookmarlucas654 15.01.12 19:47

[quote="King Gz;"]Olá,

Vá em Painel de controle > Visualização > Imagens e cores > Cores > Folha de estilo css > Adicione o código abaixo
[quote]#i_icon_mini_message:hover {
background-image: url(Endereço_da_sua_imagem);
}

Substitua o "#i_icon_mini_message" pela classe que desejar
Substitua o "Endereço_da_sua_imagem" pelo endereço da imagem que irá aparecer ao passar o mouse

Veja as classes css ligada a cada imagem do menu:

Até mais

Olha, sou novato nisso. Pode... traduzir? :S Eu vou tentar aqui, qualquer coisinha, aviso =]

por King Gz; 15.01.12 19:48

Olá,

Houve um erro na digitação, leia novamente e veja se entende.

por Bookmarlucas654 15.01.12 19:52

King Gz; escreveu:Olá,

Houve um erro na digitação, leia novamente e veja se entende.

Cara, ainda não entendi! Veja:

#i_icon_mini_message:hover {
background-image: url(Endereço_da_sua_imagem);
}

No #i_icon_mini_message eu entendi! Ai tem o da imagem! E onde eu vou colocar a segunda imagem?

por King Gz; 15.01.12 19:55

Bookmarlucas654 escreveu:
King Gz; escreveu:Olá,

Houve um erro na digitação, leia novamente e veja se entende.
Cara, ainda não entendi! Veja:

#i_icon_mini_message:hover {
background-image: url(Endereço_da_sua_imagem);
}

No #i_icon_mini_message eu entendi! Ai tem o da imagem! E onde eu vou colocar a segunda imagem?

Não é adicionar a segunda imagem amigo, você adicionará neste código a imagem que aparecerá quando o mouse passar por cima do menu

#i_icon_mini_message:hover {
background-image: url(Endereço_da_sua_imagem);
}

Entende-me?

por Bookmarlucas654 15.01.12 19:56

Não, não pegou! Eu agora entendi tudo, ou quase! Eu coloquei apenas do início! Ai, quando coloquei a imagem que deveria aparecer, eu aproximei o mouse o continuou o mesmo... É pra fazer o que agora?

por Bookmarlucas654 15.01.12 19:57

King Gz; escreveu:
Bookmarlucas654 escreveu:
King Gz; escreveu:Olá,

Houve um erro na digitação, leia novamente e veja se entende.
Cara, ainda não entendi! Veja:

#i_icon_mini_message:hover {
background-image: url(Endereço_da_sua_imagem);
}

No #i_icon_mini_message eu entendi! Ai tem o da imagem! E onde eu vou colocar a segunda imagem?

Não é adicionar a segunda imagem amigo, você adicionará neste código a imagem que aparecerá quando o mouse passar por cima do menu
#i_icon_mini_message:hover {
background-image: url(Endereço_da_sua_imagem);
}
Entende-me?

Hataaaaaaaaa... tendiiiiiii... vo fazer aqui, jaja digo como ficou =]

por Bookmarlucas654 15.01.12 20:07

Foi um completo fail! Eu completei este só pra testar:

#i_icon_mini_index:hover {
background-image: url(http://www.habbid.com.br/arquivos/2010/11/1733837789.PNG);
}
#i_icon_mini_portal:hover {
background-image: url(http://www.habbid.com.br/arquivos/2010/11/1733837789.PNG);
}
#i_icon_mini_calendar:hover {
background-image: url(http://www.habbid.com.br/arquivos/2010/11/1733837789.PNG);
}
#i_icon_mini_faq:hover {
background-image: url(http://www.habbid.com.br/arquivos/2010/11/1733837789.PNG);
}
#i_icon_mini_search:hover {
background-image: url(http://www.habbid.com.br/arquivos/2010/11/1733837789.PNG);
}
#i_icon_mini_members:hover {
background-image: url(http://www.habbid.com.br/arquivos/2010/11/1733837789.PNG);
}
#i_icon_mini_groups:hover {
background-image: url(http://www.habbid.com.br/arquivos/2010/11/1733837789.PNG);
}
#i_icon_mini_profile:hover {
background-image: url(http://www.habbid.com.br/arquivos/2010/11/1733837789.PNG);
}
#i_icon_mini_message:hover {
background-image: url(http://www.habbid.com.br/arquivos/2010/11/1733837789.PNG);
}
#i_icon_mini_logout:hover {
background-image: url(http://www.habbid.com.br/arquivos/2010/11/1733837789.PNG);
}
#i_icon_mini_login:hover {
background-image: url(http://www.habbid.com.br/arquivos/2010/11/1733837789.PNG);
}
#i_icon_mini_register:hover {
background-image: url(http://www.habbid.com.br/arquivos/2010/11/1733837789.PNG);
}

E fez o fórum dar um completo fail! Poxa, que pena =\ Mas, valeu por tentar me ajudar Triste

por bean 17.01.12 20:43

olha pessoal sei que devo fazer um tópico sobre a ajuda que preciso mais po é urgente quero saber como colocar um cursor ao inves desse da mãozinha ou da seta no meu forum queria colocar um de Kunai, Ou Shuriken do naruto só preciso mesmo do codigo do CSS alguem sabe ai por favor???

por MateusV. 17.01.12 20:46

Ola, tente

Código:: a:hover{cursor:url(http://cur.cursors-4u.net/anime/ani-11/ani1028.png),url(http://cur.cursors-4u.net/anime/ani-11/ani1030.cur),auto} body { cursor: url(http://cur.cursors-4u.net/anime/ani-11/ani1030.cur), url('URL CURSOR GIF/PNG'), auto; }

Adicione-o em Painel de controle Visualização Imagens e Cores Cores Aba "Folha de estilo CSS"

por King Gz; 17.01.12 20:47

Iowa escreveu:olha pessoal sei que devo fazer um tópico sobre a ajuda que preciso mais po é urgente quero saber como colocar um cursor ao inves desse da mãozinha ou da seta no meu forum queria colocar um de Kunai, Ou Shuriken do naruto só preciso mesmo do codigo do CSS alguem sabe ai por favor???

Olá,

Você deve mesmo criar um novo tópico amigo, se a questão fosse a mesma seria relevante, mas o assunto é completamente diferente Piscada

por bean 17.01.12 20:47

vou tentar vlw ...

Ao aproximar o mouse do menu, ele mudar!

Ao aproximar o mouse do menu, ele mudar!

Re: Ao aproximar o mouse do menu, ele mudar!

Re: Ao aproximar o mouse do menu, ele mudar!

Re: Ao aproximar o mouse do menu, ele mudar!

Re: Ao aproximar o mouse do menu, ele mudar!

Re: Ao aproximar o mouse do menu, ele mudar!

Re: Ao aproximar o mouse do menu, ele mudar!

Re: Ao aproximar o mouse do menu, ele mudar!

Re: Ao aproximar o mouse do menu, ele mudar!

Re: Ao aproximar o mouse do menu, ele mudar!

Re: Ao aproximar o mouse do menu, ele mudar!

Re: Ao aproximar o mouse do menu, ele mudar!

Re: Ao aproximar o mouse do menu, ele mudar!