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

2 participantes

Ir para baixo

Tópico resolvido Dar efeito aos botoes quando cursor esta por cima????

Mensagem 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
avatar
soliddeadly
***

Membro desde : 29/07/2009
Mensagens : 150
Pontos : 266

http://www.ftpclan.lolforum.net / http://umbrellacorporation.pro

Ir para o topo Ir para baixo

Tópico resolvido Re: Dar efeito aos botoes quando cursor esta por cima????

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

Mensagem 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 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:"????
avatar
soliddeadly
***

Membro desde : 29/07/2009
Mensagens : 150
Pontos : 266

http://www.ftpclan.lolforum.net / http://umbrellacorporation.pro

Ir para o topo Ir para baixo

Tópico resolvido Re: Dar efeito aos botoes quando cursor esta por cima????

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

Mensagem 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.
avatar
soliddeadly
***

Membro desde : 29/07/2009
Mensagens : 150
Pontos : 266

http://www.ftpclan.lolforum.net / http://umbrellacorporation.pro

Ir para o topo Ir para baixo

Tópico resolvido Re: Dar efeito aos botoes quando cursor esta por cima????

Mensagem por King Gz; 12.01.12 3:08

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

Mensagem por soliddeadly 12.01.12 3:09

Muito obrigado

Estadia concluida Piscada

Podem fechar topico...

obrigado king Muito feliz
avatar
soliddeadly
***

Membro desde : 29/07/2009
Mensagens : 150
Pontos : 266

http://www.ftpclan.lolforum.net / http://umbrellacorporation.pro

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