Incrementar o botão de buscar ou retirar ele de vez

Qual é minha questão:
No meu fórum tem o buscra padrão, mas gostaria de retirar ele ou incrementar para que funcione como o buscar que tem no site da Apple.com.br

Se não tiver como fazer o incremento, peço que digam como retirar de vez o buscar.

Medidas que eu tomei para corrigir o problema:
Não tentei nada, pois não tenho idéia de como fazer isso.

Imagens do meu problema:
Abaixo imagem do que pergunto.
https://i.servimg.com/u/f45/16/45/48/02/menus_10.png

Na imagem acima, o com círculo vermelho é o buscar do meu fórum.

Gostaria de deixar como os exemplo da imagem abaixo que ao clicar ele fica com fundo branco.

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

Versão do meu fórum:
PHPBB3

Olá!

Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>
Tente com esse código:

Código:

#search-box{
display:none;
}

Até mais!

Olá!

Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Módulos Gestão dos códigos JavaScript

Clique em "Criar um novo JavaScript".

Título Escolha o título que quiser
Investimento Em todas as páginas

Codigo JavaScript:

jQuery(document).ready(function(){jQuery('#search-box').show();jQuery('input:focus').css('outline','none');jQuery('#search-box input#keywords').css('width','86px').css('height','19px').css('-webkit-border-radius','12px').css('-moz-border-radius','12px').css('font','-webkit-small-control').css('border-radius','12px').css('padding-top','0px').css('color','white').css('padding-left','20px').css('background-position','0px 0px').css('border','0px solid #BCBCBC').css('background-image','url(http://www.apple.com/global/nav/images/globalsearch_field.png)');jQuery('#search-box input[value="Buscar"]').remove();jQuery('#search-box input#keywords').click(function(){jQuery(this).css('width','115px').css('background-position','0px -20px').css('color','black')}).blur(function(){jQuery(this).css('width','86px').css('background-position','0px 0px').css('color','white')})});

Clique em "Confirmar".

Até mais.

Jeffrey escreveu:

O código que passou p sumir o busca funcionou, obrigado.

Luciano98 escreveu:

O código que vc passou ficou perfeito. Veja o resultado em meu fórum.

Entretanto, gostaria de poder colocar o busca mais a esquerda, tem como?

No CSS tenho já esta cógido.


/* código para verificar mudar a posição da busca */
.search-box, #search-box{margin-top:-30px;}

Tem como melhorar ele para poder deixar mais a esquerda?

Sou muito grato a todos que já responderam até o momento minha questão.

Alias, o outro menu de busca nos fóruns, ficou estranho, tem como sumir com ele dali?
Vejam imagem abaixo:

-------------------------
Up

Na verdade, estou usando o código para sumir o busca, mas ele está como na imagem acima.

Alguém me ajuda por favor, estou precisando deixar o fórum perfeito, amanhã tenho de aprenseta-lo a um pessoal importante e fica mal deixar assim.

Até breve.

Olá!

Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Módulos Gestão dos códigos JavaScript

Clique em "Criar um novo JavaScript".

Título Escolha o título que quiser
Investimento Em todas as páginas

Codigo JavaScript:

jQuery(document).ready(function(){jQuery('.navbar #search-box').show();jQuery('input:focus').css('outline','none');jQuery('.navbar #search-box input#keywords').css('width','86px').css('height','19px').css('-webkit-border-radius','12px').css('-moz-border-radius','12px').css('font','-webkit-small-control').css('border-radius','12px').css('padding-top','0px').css('color','white').css('padding-left','20px').css('background-position','0px 0px').css('border','0px solid #BCBCBC').css('background-image','url(http://www.apple.com/global/nav/images/globalsearch_field.png)');jQuery('.navbar #search-box input[value="Buscar"]').remove();jQuery('.navbar #search-box input#keywords').click(function(){jQuery(this).css('width','115px').css('background-position','0px -20px').css('color','black')}).blur(function(){jQuery(this).css('width','86px').css('background-position','0px 0px').css('color','white')})});

Clique em "Confirmar".

Até mais.

Olá amigo luciano.

Obrigado por responder.

Substitui este código por último pelo outro que já tinha passado antes, mas não resultou em nada ainda.

Não sei se ajuda, mas no CSS coloquei estes códigos.

#search-box{display:none;}

.search-box, #search-box{margin-top:-30px;}

Se eu mudar o último aí de cima muda os dois ao mesmo tempo.
Mas não fica apenas um.
Se eu mudar o código par que ele fique mais pra baixo, muda os 2. E gostaria de deixar a procura como vc já me passou no código, onde ele está agora, nem mais acima, nem abaixo.

Até breve.

Olá!

Qual dos dois buscar você quer modificar, o da barra ou o dos fóruns? E que efeito você quer aplicar a ele exatamente?

Até mais.

Olá amigo.

Eu quero apagar de vez o fórum que está aí marcado em vermelho na imagem abaixo.

Quanto ao outro ao lado dos menus que vc me passou o código, desejo eixar ele de boa onde está. Tem como?

Olá!

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

Código:

div.topic-actions div.search-box{display:none}

Salve.

Até mais.

Opa amigo, agora funcionou 100%.

Ficou apenas o arredondado ao lado dos menus, assim como eu desejava.

Sou muito grato pela ajuda e paciência.

Valeu mesmo.