Botões de enviar e pré-visualizar com efeitos

Detalhes da questão

Endereço do fórum: www.propixelforum.com
Versão do fórum: PunBB

Descrição

Olá meus amigos, achei bastante atraente a forma em que o nosso fórum ajuda.forumeiros tem com seus botões. no exemplo gostaria desse efeito e também ao passar o mouse ele escurecesse como o tal:



Agradeço a atenção de todos os amigos.

Olá amigo, adicione esse codigo em sua folha de estilo css:

Código:

#profile-advanced-add a, a.button1, a.button2, button.button2, input.button, input.button1, input.button2 {
    background: #39C;
    border: none;
    border-bottom: 2px solid #17A;
    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;
}
#profile-advanced-add a:hover, a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover, input.button:hover {
    background: #333;
    border: none;
    border-bottom: 2px solid #111;
    color: #FFF;
}


Atenciosamente While.

While muito obrigado mais uma vez pela ajuda, porém ao aplicar não ficou o efeito. Permanece o que já está;

Olá! poderia me conceder sua folha de estilo css por gentileza?
Atenciosamente While.

Irei te enviar por MP se possível.

Olá Amigo! Enviei a resposta via MP.

Atenciosamente While.

Meu amigo, muito obrigado mais uma vez, ficou impecável, perfeito! Obrigado mesmo.