Botões do fórum estilo best skins

[iHeloaD]

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

[goodbye]

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!

[iHeloaD]

Fiz uma lista completa para ver se facilita.

[goodbye]

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

[iHeloaD]

http://www.bestskins.com.br/forum

[MateusA]

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.

[iHeloaD]

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.

[Sennior]

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.

[iHeloaD]

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.

[Sennior]

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!

[iHeloaD]

Sem resultados.

[DarkDoki]

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;
}

[iHeloaD]

Nenhum Resultado.

[Sennior]

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!

[iHeloaD]

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..." .

[iHeloaD]

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

Obrigado a quem tentou, até mais.