Como fazer o botão ''mudar'' ao passar o mouse?

2 participantes

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

Tópico resolvido Como fazer o botão ''mudar'' ao passar o mouse?

Mensagem por jpgalettoneh 30.01.17 22:08

Detalhes da questão


Endereço do fórum: http://pmhh.forumeiros.com/
Versão do fórum: PunBB

Descrição


Detalhes da questão


Endereço do fórum: http://pmhh.forumeiros.com/
Versão do fórum: PunBB

Descrição


Como posso colocar aquele efeito que, ao colocar o mouse no botão, ele muda de cor?
jpgalettoneh

jpgalettoneh
Novo Membro

Membro desde : 22/01/2017
Mensagens : 25
Pontos : 46

http://pmhh.forumeiros.com https://www.facebook.com/a https://twitter.com/a

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer o botão ''mudar'' ao passar o mouse?

Mensagem por Kyo Panda 02.02.17 0:41

Olá,

Depende de qual botão está falando. Seria um de criação de tópico ou aqueles genéricos de formulários?

p7
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer o botão ''mudar'' ao passar o mouse?

Mensagem por jpgalettoneh 02.02.17 1:20

Em geral. Quero para todos os botões.
No Fórum dos Fóruns, cito como exemplo ''Pré-visualizar'', ''Enviar''.
jpgalettoneh

jpgalettoneh
Novo Membro

Membro desde : 22/01/2017
Mensagens : 25
Pontos : 46

http://pmhh.forumeiros.com https://www.facebook.com/a https://twitter.com/a

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer o botão ''mudar'' ao passar o mouse?

Mensagem por Kyo Panda 02.02.17 1:31

Vá em Painel de controle Flecha ajudeiros Visualização Flecha ajudeiros Imagens e Cores Flecha ajudeiros Cores Flecha ajudeiros Folha de estilo CSS e adicione o seguinte código ao final da caixa de texto:

Código:
input.button1,
input.button2,
.pun .frm .frm-buttons input {
  background: #54943d;
  color: #fff;
  border: none;
  padding: 0 10px;
  height: 20px;
  cursor: pointer;   
  outline: none;
  box-sizing: border-box;
  transition: 250ms ease background;
}

input.button1:hover,
input.button1:focus,
input.button2:hover,
input.button2:focus,
.pun .frm .frm-buttons input:hover,
.pun .frm .frm-buttons input:focus {
  background: #333;
}
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer o botão ''mudar'' ao passar o mouse?

Mensagem por jpgalettoneh 03.02.17 23:20

Opa, valeu,
jpgalettoneh

jpgalettoneh
Novo Membro

Membro desde : 22/01/2017
Mensagens : 25
Pontos : 46

http://pmhh.forumeiros.com https://www.facebook.com/a https://twitter.com/a

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer o botão ''mudar'' ao passar o mouse?

Mensagem por Kyo Panda 03.02.17 23:22

Às ordens. o7

---
mudar - Como fazer o botão ''mudar'' ao passar o mouse? Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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