Ferramenta de busca

4 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Ferramenta de busca

Mensagem 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
Vow

Vow
Novo Membro

Membro desde : 28/02/2012
Mensagens : 14
Pontos : 24

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ferramenta de busca

Mensagem por Yours'D 07.03.12 0:32

<input type="text" onclick="this.style="width: LARGURA ESCOLHIDApx;" />
Vermelho -> Você escolhe a largura desejada!
Yours'D

Yours'D
****

Membro desde : 01/01/2012
Mensagens : 227
Pontos : 311

http://vulcanostudios.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Mtv

Mensagem por MateusV. 07.03.12 0:36

Olá, boa noite.
Aceda ao seu
Painel de controle Seta Visualização Seta Imagens e Cores Seta Cores
:seta2: 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.
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Ferramenta de busca

Mensagem 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!
Muito feliz
Dury

Dury
Membro Entusiasta
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Ferramenta de busca

Mensagem 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!
Muito feliz
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
Dury

Dury
Membro Entusiasta
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos