Dar efeito aos botoes quando cursor esta por cima????

por soliddeadly 12.01.12 2:08

Qual é minha questão:
olá

Gostaria de saber qual era o codigo e onde é que se colocava, para que possa por 2 botoes numa só....

Um dos botões que dou como exemplo... é este
https://2img.net/r/ihimizer/img811/8607/forum1zi.png
https://2img.net/r/ihimizer/img829/7927/forum2o.png

Esta a preto quando não tem o cursor do rato em cima e fica azul quando ponho o cursor do rato em cima...

Como fazer??

até já

Medidas que eu tomei para corrigir o problema:
Nenhumas

Imagens do meu problema:
Nenhumas

Endereço do meu fórum:
http://fear-cod.maisforum.com/

Versão do meu fórum:
PHPBB2

por King Gz; 12.01.12 2:23

Olá,

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.

Agora 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

Até mais Piscada

por soliddeadly 12.01.12 2:27

King Gz; escreveu:Olá,

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.

Agora 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

Até mais

Não estou a perceber...:S como é que vejo a 1º situaçao??

"Veja as classes css ligada a cada imagem do menu:"????

por King Gz; 12.01.12 2:34

Este é o código que você tem que utilizar

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

Estas classes que lhe passei são as classes que você deverá substituir pelo que está em vermelho no código.

Por exemplo.

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

Este código acima dará o efeito no botão 'Portal'. Compriende-me?

por soliddeadly 12.01.12 3:02

já estou a entender... Muito feliz

Só mais uma questão

o login e o rigisto não levam -> # ????

i_icon_mini_login { Corresponde à imagem do link do menu Login/Entrar.
i_icon_mini_register { Corresponde à imagem do link do menu Registrar/Cadastrar.

por King Gz; 12.01.12 3:08

soliddeadly escreveu:já estou a entender...

Só mais uma questão

o login e o rigisto não levam -> # ????

i_icon_mini_login { Corresponde à imagem do link do menu Login/Entrar.
i_icon_mini_register { Corresponde à imagem do link do menu Registrar/Cadastrar.

Levam sim, erro meu Envergonhado

por soliddeadly 12.01.12 3:09

Muito obrigado

Estadia concluida Piscada

Podem fechar topico...

obrigado king Muito feliz

Dar efeito aos botoes quando cursor esta por cima????

Dar efeito aos botoes quando cursor esta por cima????

Re: Dar efeito aos botoes quando cursor esta por cima????

Re: Dar efeito aos botoes quando cursor esta por cima????

Re: Dar efeito aos botoes quando cursor esta por cima????

Re: Dar efeito aos botoes quando cursor esta por cima????

Re: Dar efeito aos botoes quando cursor esta por cima????

Re: Dar efeito aos botoes quando cursor esta por cima????