Botões do fórum estilo best skins

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

Resolvido Botões do fórum estilo best skins

Mensagem por iHeloaD em 23/07/13, 12:11 am

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


Última edição por iHeloaD em 27/07/13, 04:45 pm, editado 1 vez(es)
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Botões do fórum estilo best skins

Mensagem por North em 23/07/13, 12:40 am

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!
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Botões do fórum estilo best skins

Mensagem por iHeloaD em 23/07/13, 12:47 am



Fiz uma lista completa para ver se facilita.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Botões do fórum estilo best skins

Mensagem por North em 23/07/13, 01:08 am

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

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Botões do fórum estilo best skins

Mensagem por iHeloaD em 23/07/13, 01:34 am

avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Botões do fórum estilo best skins

Mensagem por MateusA em 23/07/13, 12:17 pm

Olá!

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

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Botões do fórum estilo best skins

Mensagem por iHeloaD em 23/07/13, 01:22 pm

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

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Botões do fórum estilo best skins

Mensagem por Sennior em 23/07/13, 02:52 pm

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  Seta  Visualização  Seta  Imagens e cores  Seta  Cores  Seta  Folha de estilo CSS

Até mais. Piscada
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Botões do fórum estilo best skins

Mensagem por iHeloaD em 23/07/13, 06:25 pm

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

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Botões do fórum estilo best skins

Mensagem por Sennior em 23/07/13, 08:08 pm

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!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Botões do fórum estilo best skins

Mensagem por iHeloaD em 24/07/13, 05:30 pm

Sem resultados.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Botões do fórum estilo best skins

Mensagem por DarkDoki em 24/07/13, 07:33 pm

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

DarkDoki
Nível 10

Masculino
Inscrito dia : 01/11/2011
Mensagens : 250
Pontos Ativos : 390

Ver perfil do usuário http://darkcheatsbr.com

Resolvido Re: Botões do fórum estilo best skins

Mensagem por iHeloaD em 24/07/13, 07:38 pm

Nenhum Resultado.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Botões do fórum estilo best skins

Mensagem por Sennior em 25/07/13, 04:41 am

Olá cordial membro! Muito feliz

Aceda no teu painel administrativo e coloque este código CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta 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! De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Botões do fórum estilo best skins

Mensagem por iHeloaD em 25/07/13, 01:13 pm

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

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Botões do fórum estilo best skins

Mensagem por iHeloaD em 27/07/13, 04:45 pm

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

Obrigado a quem tentou, até mais.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum