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

Item: Dar efeito aos botoes quando cursor esta por cima????
Rating: 1

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