Ferramenta de busca

Item: Ferramenta de busca
Rating: 1

por Vow 29.02.12 18:46

Qual é minha questão:
Oi, agora to querendo saber como eu ponho a caixa de busca igual ao do FdF, que quando clica se alarga.

Medidas que eu tomei para corrigir o problema:
Nenhuma.

Links e imagens do meu problema:
Nenhuma.

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

Versão do meu fórum:
PHPBB3

por Yours'D 07.03.12 0:32

<input type="text" onclick="this.style="width: LARGURA ESCOLHIDApx;" />

Vermelho -> Você escolhe a largura desejada!

por MateusV. 07.03.12 0:36

Olá, boa noite.
Aceda ao seu

Painel de controle Visualização Imagens e Cores Cores

Aba "Folha de estilo CSS" cole o codigo e salve.

#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;
}
#search-box #keywords {
background-color: white;
width: 95px;
}
#search-box input {
-moz-box-sizing: content-box;
background: white;
border: 1px solid #D9D9D9;
border-width: 1px;
color: black;
height: 23px;
}

Cordialmente.

por Dury 07.03.12 15:20

Bom dia!

Se o código que Matheus lhe forneceu não resultar, tente com o seguinte código CSS:

Código:: #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!

por Dury 11.03.12 16:30

Coleman escreveu:Bom dia!

Se o código que Matheus lhe forneceu não resultar, tente com o seguinte código CSS:
Código:
#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!

Mister_Thug escreveu:Up

Perdoe-me, mas poderia dizer se o código que passei não resulta?! Porque para mim resultou!

Até mais!
Muito feliz

Ferramenta de busca

Ferramenta de busca

Re: Ferramenta de busca

Mtv

Re: Ferramenta de busca

Re: Ferramenta de busca