Ao aproximar o mouse do menu, ele mudar!

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Ao aproximar o mouse do menu, ele mudar!

Mensagem por Bookmarlucas654 em 15/01/12, 05:41 pm

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:


Quando o mouse está em cima:


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
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

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

Mensagem por King Gz; em 15/01/12, 05:46 pm

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, 05:47 pm, editado 1 vez(es)
avatar

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.com/

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

Mensagem por Bookmarlucas654 em 15/01/12, 05:47 pm

[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 =]
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

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

Mensagem por King Gz; em 15/01/12, 05:48 pm

Olá,

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

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.com/

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

Mensagem por Bookmarlucas654 em 15/01/12, 05:52 pm

@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?
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

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

Mensagem por King Gz; em 15/01/12, 05:55 pm

@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?
avatar

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.com/

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

Mensagem por Bookmarlucas654 em 15/01/12, 05:56 pm

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?
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

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

Mensagem por Bookmarlucas654 em 15/01/12, 05:57 pm

@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 =]
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

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

Mensagem por Bookmarlucas654 em 15/01/12, 06:07 pm

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
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

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

Mensagem por bean em 17/01/12, 06:43 pm

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???
avatar

bean
Usuário destaque

Masculino
Inscrito dia : 17/01/2012
Mensagens : 774
Pontos Ativos : 1003

Ver perfil do usuário http://restinpeacerpg.forumeiros.com/

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

Mensagem por MateusV. em 17/01/12, 06:46 pm

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"
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

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

Mensagem por King Gz; em 17/01/12, 06:47 pm

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
avatar

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.com/

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

Mensagem por bean em 17/01/12, 06:47 pm

vou tentar vlw ...
avatar

bean
Usuário destaque

Masculino
Inscrito dia : 17/01/2012
Mensagens : 774
Pontos Ativos : 1003

Ver perfil do usuário http://restinpeacerpg.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum