Detalhes da questão

Endereço do fórum: http://mugalindu.forumeiros.com
Versão do fórum: phpBB3

Descrição

Saudações,

É possível um botão igual ao da FdF? A cor eu mudaria para não ficar igual.

Desde já agradeço

Adicione ao final de sua CSS:

Código:

.button1,
.btn,
.button2,
[type="submit"] {
  background: #212121;
  border: none;
  border-bottom: 2px solid #000;
  border-radius: 3px;
  color: #FFF!important;
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  line-height: normal!important;
  margin: 2px;
  padding: 6px 9px!important;
  transition: 300ms;
}

.button1:hover,
.btn:hover,
.button2:hover,
[type="submit"]:hover {
  background-color: #000 !important;
}

Cuidado só para não deixar seu fórum muito parecido com este.
Isso pode acabar sendo muito prejudicial ao senhor. Saiba mais aqui.

o/

Olá, obrigado. Será possível o senhor mudar para a cor preta?

Já está na cor preta.

Não, não. Está na cor cinza.

Código:

.button1,
.btn,
.button2,
[type="submit"] {
  background: #000;
  border: none;
  border-bottom: 2px solid #000;
  border-radius: 3px;
  color: #FFF!important;
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  line-height: normal!important;
  margin: 2px;
  padding: 6px 9px!important;
  transition: 300ms;
}

.button1:hover,
.btn:hover,
.button2:hover,
[type="submit"]:hover {
  background-color: #000 !important;
}

Assim o senhor perde a transição em hover. Mas como preferir.

o/

Coloquei mais não mudou nada.

Eu não vejo o código ativo:
-> http://prntscr.com/fwjgce

Você trocou o código desta mensagem pelo o código desta mensagem?

Luiz escreveu:Eu não vejo o código ativo:
-> http://prntscr.com/fwjgce

Você trocou o código desta mensagem pelo o código desta mensagem?

Sim

O primeiro código que mandei neste tópico também era funcional.
Mas o CSS do seu fórum estava sobrescrevendo o meu, tornando-o não funcional.

Enfim, troque por este:

Código:

.button1,
.btn,
.fa-btn,
.button2,
[type="submit"] {
  background: #212121 !important;
  border: none !important;
  border-bottom: 2px solid #000 !important;
  border-radius: 3px;
  color: #FFF!important;
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  line-height: normal!important;
  margin: 2px;
  padding: 6px 9px!important;
  transition: 300ms;
}
 
.button1:hover,
.btn:hover,
.fa-btn:hover,
.button2:hover,
[type="submit"]:hover {
  background-color: #000 !important;
}

o/

Deu certo! Obrigado, pode dá como resolvido.