Pagina css, muda estilo dos botões ?

Qual é minha questão:
Queri saber como eu mudo estilo dos botões ENVIAR, Pre-Visulizar ?

Endereço do meu fórum:
http://family-bikes.forumeiros.com

Versão do fórum:
PHPBB3

Boa tarde,

Depende do que o senhor deseja fazer neles? Deseja alterar o que, e como?

Até mais!

Quero deixa assim ↓

Queira checar o tópico abaixo:

[TUTORIAL] Personalizar as caixas de mensagem

Até mais!

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'

Saudações!

Aceda à "Folha de estilo CSS":
Painel de Controle    Visualização    Imagens e cores    Cores    Folha de estilo CSS

Código:

Código:

#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background-image: url(http://ajuda.forumeiros.com/104-ltr.css);
border: 1px solid rgb(221, 221, 221);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 2px;
color: rgb(102, 102, 102);
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 17px;
margin: 0px;
padding: 3px 7px;
text-align: center;
text-decoration: none;
}

Coloque no inicio de teu CSS.

Salve.

Até mais.
Lervisic

TheDrunK escreveu:Quero deixa assim ↓

Saudações!

Poderia nos indicar o link do fórum que viu tal efeito?

De qualquer forma, tenho uma proposta para o senhor!

Aceda à sua "Folha de estilo CSS':
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Utilize este código na tua CSS:

Código:

a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
border: 1px solid #999;
border-radius: 2px;
margin: 0px;
padding: 3px 7px;
}
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-position: 0px 100%;
border: 1px solid #86B125;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
border: 1px solid #DDD;
border-radius: 2px;
margin: 0px;
padding: 3px 7px;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) #F4F5F4;
border: 1px solid #DDD;
border-radius: 3px;
padding: 3px 5px;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
padding: 1px 0px;
}
a.button1, a.button2, button.button2, input.button1, input.button2 {
background-position: 50% 0%;
background-repeat: repeat-x;
overflow: visible;
padding: 2px 3px;
}
a.button2, button.button2, input.button2 {
border: 1px solid #BCBCBC;
}
button.button2, input.button1, input.button2 {
}

Observação: Para que o código acima tenha seu efeito, é necessário substituir todos os códigos fornecidos neste tópico pelo o código acima.

Atenciosamente.

Resulto mikéé, Resulto Hizu.

Muito obrigado.