Classe css do efeito hover ao se clicar em um objeto

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

Atendido / Resolvido Classe css do efeito hover ao se clicar em um objeto

Mensagem por King Gz; em 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;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.com/

Atendido / Resolvido Re: Classe css do efeito hover ao se clicar em um objeto

Mensagem por MateusV. em 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.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9284

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Atendido / Resolvido Re: Classe css do efeito hover ao se clicar em um objeto

Mensagem por King Gz; em 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;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.com/

Atendido / Resolvido Re: Classe css do efeito hover ao se clicar em um objeto

Mensagem por King Gz; em 20.03.12 14:31

UP ...
King Gz;

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/
  • 0

Atendido / Resolvido Re: Classe css do efeito hover ao se clicar em um objeto

Mensagem por MateusV. em 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.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9284

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Atendido / Resolvido Re: Classe css do efeito hover ao se clicar em um objeto

Mensagem por King Gz; em 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;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum