Botões do fórum

Qual é minha questão:
Bom, eu queria colocar a minha Caixa de conexão rápidao igual á da imagem abaixo,
e queria mudar o botão login, buscar, enviar etc..

EX:
Meu botão de login é esse:
https://i.imgur.com/IpIOi.png

eu queria mudar para um conforme a imagem abaixo.
Ou melhor eu queria eses botoes igual o da FdF.
Igual esses aqui de baixo da mensagem, Pré-Visualizar e Enviar.
Medidas que eu tomei para corrigir o problema:
..

Links e imagens do meu problema:
https://i.imgur.com/gs7fO.png

Endereço do meu fórum:
www.kingarts.forumeiros.com

Versão do meu fórum:
PUNBB

Olá amigo e bom dia;
Poderia me passar o link onde viu a imagem do Botão "Login"?

Cordialmente!

mais omo eu disse, nao precisa ser igual a desse site,
eu queria igual aqui da forumeiros.

Olá alguem poderia me ajudar ?
24 H.

Bom dia.
Adicione o código abaixo em sua folha CSS:

Código:

.mainoption {
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #DDD;
border-radius: 3px;
padding: 3px 5px; }

Olá,
Pra quem não está entendendo, vou mostrar oque quero por Imagens:

1- https://i.imgur.com/Tgf2q.png?1
2- https://i.imgur.com/JQJRa.png?1
3- https://i.imgur.com/W0rPl.png?1
4- https://i.imgur.com/JVrfn.png?1
5- https://i.imgur.com/Rlrrs.png?1
6- https://i.imgur.com/CY1Zi.png?1
7- https://i.imgur.com/yggER.png?1

Cada uma dessas Imagens Representa oque eu queria, esse efeito em hover
nesses botões, e Ali na Imagem 2, eu quero aquela Conexão rápida com a Opção Login no Facebook.

Cordialmente.

Note a diferença entre os meus e os da forumeiros:

Meus: https://i.imgur.com/p2QhO.png
Forumeiros: https://i.imgur.com/ckAtX.png

é isso que eu quero, mais eu quero em todos os botões em qu
eu citei no post anterior.

Meus Cumprimentos.

Anon,
esse código que você me passou é
para alterar oque ?
Porque eu coloquei ele em minha Folha CSS, eu não
consegui visualizar nenhuma modificação.

Cordialmente.

A sim eu percebi a modificação no botão "Login"
e nos outros qual seria o código ?

Cordialmente.

Alguem ?

Olá amigo;
Agora tu deseja mudar o que?

Até mais!

Olá,
eu gostaria de mudar todos esses botões que eu mostrei nas imagens.
O codigo que o Anon me passou funcionou so no login, eu queria que funcionace nos demais.

Olá, substitua o codigo por este

input[type="button"], input[type="submit"], input[type="reset"], input[type="file"] {
background: #F4F5F4 url(https://i.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #DDD;
border-radius: ;
padding: 3px 5px;
}

Cordialmente.

Olá,

Se você deseja os botões do modo como o Fórum dos Fóruns, este é o código:

Código:

a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-position: 0px 100%;
border: 1px solid #F4F5F4;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #DDD;
border-radius: 5;
padding: 3px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.inputbox:hover {
border: 1px solid #1675BC;
}
input[type="checkbox"]:checked, input[type="radio"]:checked {
background: white;
}
input[type="checkbox"], input[type="radio"] {
background: white;
border: 1px solid gainsboro;
border-radius: ;
margin: 0px;
}
#textarea_content textarea#text_editor_textarea{width:98%!important}

Adicione-o em: Painel... -> Visualização -> Imagens e cores -> Cores / Folha de estilos CSS

Um grande abraço,
Josh

Resolvido !