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

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

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

Mensagem por soliddeadly em 12/01/12, 12:08 am

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
http://img811.imageshack.us/img811/8607/forum1zi.png
http://img829.imageshack.us/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

soliddeadly
Nível 9

Masculino
Inscrito dia : 29/07/2009
Mensagens : 150
Pontos Ativos : 266

Ver perfil do usuário http://www.ftpclan.lolforum.net / http://umbrellacorporation.pro

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

Mensagem por King Gz; em 12/01/12, 12:23 am

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

Até mais Piscada


Última edição por King Gz; em 12/01/12, 01:09 am, 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: Dar efeito aos botoes quando cursor esta por cima????

Mensagem por soliddeadly em 12/01/12, 12:27 am

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

Até mais Piscada


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

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

soliddeadly
Nível 9

Masculino
Inscrito dia : 29/07/2009
Mensagens : 150
Pontos Ativos : 266

Ver perfil do usuário http://www.ftpclan.lolforum.net / http://umbrellacorporation.pro

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

Mensagem por King Gz; em 12/01/12, 12:34 am

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?
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: Dar efeito aos botoes quando cursor esta por cima????

Mensagem por soliddeadly em 12/01/12, 01:02 am

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.

soliddeadly
Nível 9

Masculino
Inscrito dia : 29/07/2009
Mensagens : 150
Pontos Ativos : 266

Ver perfil do usuário http://www.ftpclan.lolforum.net / http://umbrellacorporation.pro

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

Mensagem por King Gz; em 12/01/12, 01:08 am

@soliddeadly escreveu: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.

Levam sim, erro meu Envergonhado
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: Dar efeito aos botoes quando cursor esta por cima????

Mensagem por soliddeadly em 12/01/12, 01:09 am

Muito obrigado

Estadia concluida Piscada

Podem fechar topico...

obrigado king Muito feliz

soliddeadly
Nível 9

Masculino
Inscrito dia : 29/07/2009
Mensagens : 150
Pontos Ativos : 266

Ver perfil do usuário http://www.ftpclan.lolforum.net / http://umbrellacorporation.pro

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