Ferramenta de busca

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

Resolvido Ferramenta de busca

Mensagem por Vow em 29/02/12, 03:46 pm

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
avatar

Vow
Nível 2

Masculino
Inscrito dia : 28/02/2012
Mensagens : 14
Pontos Ativos : 24

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Ferramenta de busca

Mensagem por Yours'D em 06/03/12, 09:32 pm

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

Yours'D
Nível 9

Masculino
Inscrito dia : 31/12/2011
Mensagens : 227
Pontos Ativos : 311

Ver perfil do usuário http://vulcanostudios.forumeiros.com/

Resolvido Mtv

Mensagem por MateusV. em 06/03/12, 09:36 pm

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.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Ferramenta de busca

Mensagem por Dury em 07/03/12, 12:20 pm

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
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Ferramenta de busca

Mensagem por Dury em 11/03/12, 01:30 pm

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
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum