Como mudar estilo dos botões

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

Resolvido Como mudar estilo dos botões

Mensagem por ~Fσσx em 13/12/12, 04:02 pm

Qual é minha questão:
Meu forum esta com os botões estilo antigos : 


Queria deixa-lo mais sofisticado como esse :


Fórum que peguei a imagem : http://webzone.forumais.com

Endereço do meu fórum:
http://knowcheats.forumeiros.com

Versão do fórum:
PHPBB3
avatar

~Fσσx
Nível 5

Masculino
Inscrito dia : 10/12/2012
Mensagens : 51
Pontos Ativos : 67

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

Resolvido Re: Como mudar estilo dos botões

Mensagem por Aoi! em 13/12/12, 04:05 pm

Olá querido,

Queira checar este tutorial:

Ele irá lhe ensinar como atualizar os botões, assim como os demais fóruns atualmente fazem.

Um grande abraço! zen
avatar

Aoi!
Nível 1

Feminino
Inscrito dia : 12/12/2012
Mensagens : 4
Pontos Ativos : 5

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

Resolvido Re: Como mudar estilo dos botões

Mensagem por BrunoH. em 13/12/12, 04:07 pm

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:
Olá, bem vindo á nossa comunidade!
Aceda a "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS
Código:
Código:
input.button2{background-color:#FAFAFA;background-image:url(http://illiweb.com/fa/prosilver/bg_button.gif);background-position:top;background-repeat:repeat-x;border:1px solid #BCBCBC;color:#000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:.9em;margin:0 .25em;overflow:visible;padding:2px 3px;vertical-align:middle;width:auto!important}
a.button2,body:last-child a.button1,button.button2,input.button1,input.button2{padding:1px 0}button.button2:hover,input.button2:hover{background-position:0 100%;border:1px solid #b42000;color:#b42000}button.button2, input.button2{height:24px;margin:0 .25em;padding-bottom:0;padding-left:3px;padding-right:3px}
e Valide!

Até mais! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como mudar estilo dos botões

Mensagem por Consolado em 13/12/12, 04:18 pm

Olá!

Utilize esse código CSS:
Código:
button.button2,input.button2{background-color:#FAFAFA;background-image:url(http://illiweb.com/fa/prosilver/bg_button.gif);background-position:top;background-repeat:repeat-x;border:1px solid #BCBCBC;color:#000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:.9em;margin:0 .25em;overflow:visible;padding:2px 3px;vertical-align:middle;width:auto!important}a.button2,body:last-child a.button1,button.button2,input.button1,input.button2{padding:1px 0}button.button2:hover,input.button2:hover{background-position:0 100%;border:1px solid #b42000;color:#b42000}button.button2,input.button2{height:24px;margin:0 .25em;padding-bottom:0;padding-left:3px;padding-right:3px}button.button2,input.button2{height:24px;padding-left:3px;padding-right:3px}button.button2 img{vertical-align:middle} button.button2 img{vertical-align:middle}
Melhores cumprimentos.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Como mudar estilo dos botões

Mensagem por ~Fσσx em 14/12/12, 12:19 am

Resultou , obrigado .
avatar

~Fσσx
Nível 5

Masculino
Inscrito dia : 10/12/2012
Mensagens : 51
Pontos Ativos : 67

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

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