Ao aproximar o mouse do menu, ele mudar!

4 participantes

Ir para baixo

Tópico resolvido Ao aproximar o mouse do menu, ele mudar!

Mensagem 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

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

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ao aproximar o mouse do menu, ele mudar!

Mensagem por King Gz; 15.01.12 19:46

Olá,

Vá em Painel de controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo css Seta 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


Última edição por King Gz; em 15.01.12 19:47, editado 1 vez(es)
King Gz;
King Gz;
Super Membro

Membro desde : 20/11/2011
Mensagens : 1827
Pontos : 2487

http://www.gamezerbrasil.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ao aproximar o mouse do menu, ele mudar!

Mensagem 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 =]
Bookmarlucas654
Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ao aproximar o mouse do menu, ele mudar!

Mensagem por King Gz; 15.01.12 19:48

Olá,

Houve um erro na digitação, leia novamente e veja se entende.
King Gz;
King Gz;
Super Membro

Membro desde : 20/11/2011
Mensagens : 1827
Pontos : 2487

http://www.gamezerbrasil.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ao aproximar o mouse do menu, ele mudar!

Mensagem 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?
Bookmarlucas654
Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ao aproximar o mouse do menu, ele mudar!

Mensagem 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?
King Gz;
King Gz;
Super Membro

Membro desde : 20/11/2011
Mensagens : 1827
Pontos : 2487

http://www.gamezerbrasil.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ao aproximar o mouse do menu, ele mudar!

Mensagem 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?
Bookmarlucas654
Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ao aproximar o mouse do menu, ele mudar!

Mensagem 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 =]
Bookmarlucas654
Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ao aproximar o mouse do menu, ele mudar!

Mensagem 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
Bookmarlucas654
Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ao aproximar o mouse do menu, ele mudar!

Mensagem 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???
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: Ao aproximar o mouse do menu, ele mudar!

Mensagem 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 Seta Visualização Seta Imagens e Cores Seta Cores :seta2: Aba "Folha de estilo CSS"
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: Ao aproximar o mouse do menu, ele mudar!

Mensagem 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
King Gz;
King Gz;
Super Membro

Membro desde : 20/11/2011
Mensagens : 1827
Pontos : 2487

http://www.gamezerbrasil.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ao aproximar o mouse do menu, ele mudar!

Mensagem por bean 17.01.12 20:47

vou tentar vlw ...
bean
bean
Membro

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

http://restinpeacerpg.forumeiros.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