Botões do fórum estilo best skins

Qual é minha questão:
Saudações,

Eu gostaria que os botões de meu fórum focem como o da Best Skins, tipo quando apertamos da um efeito de que ele afunda, o mesmo seria aplicado para todos os botões, incluindo de novo tópico, responder, bloqueado, citar, editar, etc... Incluindo totalmente todos os botões do fórum.

Até mais.

Endereço do meu fórum:
http://familiashield.sampforum.net

Versão do fórum:
PUNBB

Boa noite,

A quais efeitos se refere, nos indique um link direto para que possamos visualizar, seria como este no widget de acesso rápido do FdF?

Até mais!

Fiz uma lista completa para ver se facilita.

Agradeço o trabalho, mas preciso de um link direto para ver como o botão funciona.

Olá!

Fui no fórum, cliquei em cada botão e não teve nenhum efeito.
Poderia ser mais descritivo? ou fazer um gif do efeito?

Até mais.

O efeito de afundar são apenas para os botões de "Novo tópico, Responder, Fechado, Pré-Visualizar, Enviar, Salvar e Reiniciar.

Talvez em seu navegador como é o Mozilla não funcione, tente utilizar o Google Chrome.

Olá amigo,

Código:

#new-message-link a:active, .posting a:active {
position: relative;
top: 1px;
}
input:active[type="button"], input:active[type="reset"], input:active[type="submit"] {
position: relative;
top: 1px;
}

Coloque em:
Painel de Controle    Visualização    Imagens e cores    Cores    Folha de estilo CSS

Até mais.

Isso ate que os botões afundam, mas eu não quero que os botões afundam, quero que eles não utilizem imagens, fiquem apenas imagens para os textos, e o fundo dele foce tipo que um código.

Olá!

Então altere por este:

Código:

a:active, .posting a:active {
position: relative;
top: 1px;
}
input:active[type="button"], input:active[type="reset"], input:active[type="submit"] {
position: relative;
top: 1px;
}
a:active {
position: relative;
top: 1px;
}

Abraços!

Sem resultados.

Creio que seja isto :

Código:

input[type="button"], input[type="reset"], input[type="submit"] {
-moz-border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
-webkit-border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
background: #3A4752 url(http://i78.servimg.com/u/f78/17/96/03/52/primar14.png) repeat-x top;
border: 1px solid #3A4752;
border-radius: 3px;
box-shadow: inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
color: #fff;
cursor: pointer;
font-family: helvetica,arial,sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
padding: 4px 10px;
}

Nenhum Resultado.

Olá cordial membro!

Aceda no teu painel administrativo e coloque este código CSS:
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS

Código:

a:active, .posting a:active {position: relative !important;top: 1px!important;}input:active[type="button"], input:active[type="reset"], input:active[type="submit"] {position: relative!important;top: 1px!important;}a:active {position: relative!important;top: 1px!important;}

<li> Obs:. Coloque no inicio de teu CSS.

Abraços!

Coloquei este código

Código:

input[type="button"], input[type="reset"], input[type="submit"] {
-moz-border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
-webkit-border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
background: #3A4752 url(http://i78.servimg.com/u/f78/17/96/03/52/primar14.png) repeat-x top;
border: 1px solid #3A4752;
border-radius: 3px;
box-shadow: inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
color: #fff;
cursor: pointer;
font-family: helvetica,arial,sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
padding: 4px 10px;
}
#new-message-link a:active, .posting a:active {
position: relative;
top: 1px;
}
input:active[type="button"], input:active[type="reset"], input:active[type="submit"] {
position: relative;
top: 1px;
}

Misturando os códigos que vocês me passaram e resultou quase perfeitamente, falta mudar os botões do post, ou seja, "Novo Tópico, Responder, Quote, Editar, Bloqueado, Nova MP....." por botões como esses de "Editar, Pré-Visualizar..." .

Pode fechar, como vejo que a Staff não tem mais tentativas para resolver meu caso.

Obrigado a quem tentou, até mais.