Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
259 usuários online :: 8 usuários cadastrados, 2 Invisíveis e 249 Visitantes :: 1 Motor de busca

ice41, iScroll, Jhool, Key of Destiny, Kyo Panda, MarcosSchultz, Shek Crowley, Stewart

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Personalizar caixa de pesquisa

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

Resolvido Personalizar caixa de pesquisa

Mensagem por IsmaelS. em Sex 9 Out 2015 - 19:47

Detalhes da questão


Endereço do fórum: http://master-publicitario.forumeiros.com/
Versão do fórum: PunBB

Descrição


Olá!

Desejava saber se era possível colocar o aspecto da minha caixa de busca assim?


Mas sem a função e ícone da roda dentada!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2610
Pontos Ativos : 5176

http://suportedesign.forumeiros.com/

Resolvido Re: Personalizar caixa de pesquisa

Mensagem por Fraise em Sex 9 Out 2015 - 19:48

Olá!

Adicione à sua folha de estilos:
Código:
#forum-search .inputbox, #search .inputbox, #search_menu .inputbox, .inputbox.desc_search_input {
    background: #FFF;
    border: 1px solid #39C;
    border-radius: 3px 0 0 3px;
    height: 22px;
    margin-right: -2px;
    padding: 3px;
}
#forum-search .button2, #search input.button2, #search_menu .button1, .desc-search input.button2 {
    background: url(http://i21.servimg.com/u/f21/18/21/41/30/search10.png) no-repeat 50% 50% #39C;
    border: none;
    border-radius: 0 3px 3px 0;
    font-size: 0;
    height: 30px;
    width: 30px!important;
}

Até mais.
Fraise

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7239

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Personalizar caixa de pesquisa

Mensagem por IsmaelS. em Sex 9 Out 2015 - 19:51

É possível colocar ao clicar na caixa ela esticar também?

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2610
Pontos Ativos : 5176

http://suportedesign.forumeiros.com/
  • 0

Resolvido Re: Personalizar caixa de pesquisa

Mensagem por Fraise em Sex 9 Out 2015 - 19:53

Adicione mais este:
Código:
#search-box #keywords:focus {
    width: 300px!important;
}

Até mais.
Fraise

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7239

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Personalizar caixa de pesquisa

Mensagem por IsmaelS. em Sex 9 Out 2015 - 20:03

Perfeito amigo resolvido, obrigado!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2610
Pontos Ativos : 5176

http://suportedesign.forumeiros.com/

Resolvido Re: Personalizar caixa de pesquisa

Mensagem por Fraise em Sex 9 Out 2015 - 20:06

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7239

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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