Classe css do efeito hover ao se clicar em um objeto

2 participantes

Ir para baixo

Tópico resolvido Classe css do efeito hover ao se clicar em um objeto

Mensagem por King Gz; 18.03.12 20:07

Qual é minha questão:
Olá!

Adicionei efeito a botões e a campos de texto em meu fórum, como foram muitos códigos, acabei me perdendo dentre eles, alguns campos de mensagens ao passar o mouse por cima e ao clicar em aparecem uma imagem de fundo, aparecia também quando o mouse não estava por cima e nem havia clicado. Fiz o código e arrumei algumas partes, retirei a imagem de fundo que havia nas caixas e também quando o mouse passava por cima, porém não consegui fazer o mesmo quando se clica na caixa para digitar. O código é este:
Código:
input.post, input.post:hover {background-image: none}

Para intenderem melhor, aqui está o problema em imagem (em título da imagem).
Classe css do efeito hover ao se clicar em um objeto PsL1B
https://i.imgur.com/psL1B.jpg

Até logo Piscada

Medidas que eu tomei para corrigir o problema:
...

Links e imagens do meu problema:
...

Endereço do meu fórum:
http://gzakat.forumeiros.com/

Versão do meu fórum:
PHPBB2
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: Classe css do efeito hover ao se clicar em um objeto

Mensagem por MateusV. 19.03.12 0:17

Olá, King Gz;

Pelo que eu entendi, o codigo que você havia colocado para dar um efeito hover nos botões da caixa de mensagem esta fazendo o efeito mesmo se o mouse não esta sobre ele, é isto?

Melhores cumprimentos. Piscada
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Classe css do efeito hover ao se clicar em um objeto

Mensagem por King Gz; 19.03.12 5:05

Olá.

Não, este erro eu já arrumei, a imagem aparece somente quando se clica na caixa de mensagem. Esse código veio junto com vários outros que funcionam também para os botões, etc ...

input.post Seta Referente a caixa de mensagem em sí, com esta classe eu consigo retirar a imagem que ficava lá sem ao menos passar o mouse por cima.
input.post:hover Seta Com esta classe eu consegui retirar o efeito da imagem quando o mouse está em cima.

O que gostaria de saber agora, é qual é a classe que devo utilizar para retirar o efeito quando clicamos na caixa de mensagem para digitar, entende-me?

Até logo ;
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: Classe css do efeito hover ao se clicar em um objeto

Mensagem por King Gz; 20.03.12 14:31

UP ...
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: Classe css do efeito hover ao se clicar em um objeto

Mensagem por MateusV. 20.03.12 15:52

Olá, aqui esta o codigo, adicione-o em seu CSS
input[type="text"]:hover, input[type="password"]:hover, textarea:hover {
border: none !important;
box-shadow: none !important;
}
Caso não resulte, poderia me fornecer o conteudo de seu CSS?

Cordialmente. Piscada
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Classe css do efeito hover ao se clicar em um objeto

Mensagem por King Gz; 20.03.12 16:01

Boa tarde,

Não resultou, mas graças ao seu código pude identificar o erro e concertar. Obriago Piscada
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

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos