Como fazer isso com o negocio de buscas

Qual é minha questão:
Eu vi isto aqui no forum mesmo e queria saber como por olhem na imagem

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

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

Versão do meu fórum:
PHPBB3

Olá amigo, siga:

Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS

Cole este código em sua CSS:

Código:

button.button2,input.button2, button {
text-decoration:none;
font-family: arial, sans-serif!important;
border-width:1px;
border-style:solid;
padding:5px!important;
cursor:pointer;
font-size: 16px!important;
border-width:1px;border-style:solid;border-radius:2px;box-shadow:0px 1px 0px rgba(0,0,0,0.05);
  box-shadow:0px 1px 0px rgba(255,255,255,0.75);
   
   
background:#f9f9f9;background: -moz-linear-gradient(top, #f9f9f9 0%, #eee 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee));background: -webkit-linear-gradient(top, #f9f9f9 0%,#eee 100%);background: -o-linear-gradient(top, #f9f9f9 0%,#eee 100%);background: -ms-linear-gradient(top, #f9f9f9 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 );background:linear-gradient(top, #f9f9f9 0%,#eee 100%);border-color:#ccc;color:#666;text-shadow:0px 1px 0px #fff

}
button.button2:hover,input.button2:hover {
background:#fff;background: -moz-linear-gradient(top, #fff 0%, #eee 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));background: -webkit-linear-gradient(top, #fff 0%,#eee 100%);background: -o-linear-gradient(top, #fff 0%,#eee 100%);background: -ms-linear-gradient(top, #fff 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );background:linear-gradient(top, #fff 0%,#eee 100%);border-color:#bbb;color:#4c4c4c
}

e Valide!

Abraços

Disse isso
Erro detectado
Nós contamos um número diferente de "{" e de "}". Isto significa que o seu CSS pode não ser válido e não será exibido corretamente no seu fórum.

Lhe aconselhamos que releia o seu código.

Olá amigo,
Acho que você não está colocando o código direito, pois testei aqui e deu tudo certo..

Abraços

Vou tentar denovo

Não funcionou de jeito nenhum não tem outro codigo

Olá amigo,
substitua o código que lhe enviei por este:

Código:

/* Caixa de busca por @Supero 20/01/2009 - Atualização shiftactif.forumactif.com*/
#search-box input.button2{-webkit-border-radius:2px;-webkit-user-select:none;background-color:#f5f5f5;background-image:-o-linear-gradient(top,whiteSmoke,#F1F1F1);border:1px solid rgba(0,0,0,0.1);border-radius:2px;color:#666;cursor:pointer;font-size:11px;font-weight:700;height:29px;line-height:27px;margin:11px 6px;min-width:54px;padding:0 8px;text-align:center}#search-box input{-moz-box-sizing:content-box;background:#fff;border:1px solid #D9D9D9;border-width:1px;color:#000;height:23px}
#search #keywords:focus{width:290px}#search #keywords{-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;width:150px}img[src="http://i66.servimg.com/u/f66/15/86/37/09/suppor10.png"]{height:auto;width:46px}
/* Fim da caixa de busca por @Supero 20/01/2009 - Atualização shiftactif.forumactif.com*/

Abraços

Não funcionou tambem, acho que e do script anterior que você me passou

danielszinho escreveu:Não funcionou tambem, acho que e do script anterior que você me passou

Olá amigo,
você substituiu os códigos? pois se deixar os 2 Juntos não ira dar certo não...

Abraços

Eu subistitui tirei até alguns codigos

Olá amigo,
eu observei em seu fórum, mais o tema que você usa não tem a função do Buscar, acho que com aquele tema, não vai ser possível modificar o Buscar., apenas temas que tem o Busca normal, e nos modifica-los para o modificado.., Lamento..

Abraços

atah.....