Opção buscar

Qual é minha questão:
Ola bem  quero um código ou uma solução de por a opção de busca no meu fórum...
Para vocês saberem o lugar que fica melhor a opção buscar link do forum ~~> http://wikiforum.forum-pro.net/
exemplo de opção busca:


quero que a opção buscar seja como a daqui do fórum que quando for selecionado cressa  alguem?




Endereço do meu fórum:
http://wikiforum.forum-pro.net

Versão do fórum:
PHPBB3

Olá,

Senhor, peço que adicione este código em sua folha de estilo CSS:

Código:

#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}

Até mais.

Adiciono e nada acontece

Olá,

Senhor, visitei o seu fórum e reparei que a sua caixa de busca não esta ativada, queria ativar a sua caixa de busca?


Até mais.

não adianta nada acontece!!!

-Blue escreveu:não adianta nada acontece!!!

Senhor, acabei de visitar o seu fórum e a caixa de busca não está ativada, queria deixar ativada para eu olhar o problema? o link que você postou é o link verdadeiro do seu fórum?


Até mais.

Olá,

O problema é que há algum CSS em seu fórum que está bloqueando o tal efeito. O CSS para o efeito que o senhor deseja é este:

Código:

#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}

Caso não resulte, peço que nos envie sua Folha de Estilo CSS, por completa.

Até mais.

Olá,

Senhor, procure este código em sua folha de estilo CSS:

Código:

#search-box{display:none}

e remova.


Até mais.

Não achei esse codigo!!

Olá,

Senhor, poderia me fornecer a sua folha de estilo CSS?


Até mais.