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
Conectar-se

Esqueci minha senha

Últimos assuntos
» Mudar caixas de usuários online, grupos e aniversariantes
Hoje à(s) 08:46 pm por William_iHarDz

» Retirar Fundo
Hoje à(s) 07:59 pm por [K]oke

» #10596 Comprar domínio antigo
Hoje à(s) 07:48 pm por Shek

» Personalizar Perfil de conquistas
Hoje à(s) 07:47 pm por Harleen

» Imagem do perfil com problema
Hoje à(s) 07:45 pm por Harleen

» Borda na caixa de texto
Hoje à(s) 04:21 pm por Harleen

» Chatbox como mudar a cor de fundo?
Hoje à(s) 04:20 pm por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
266 usuários online :: 10 usuários cadastrados, 1 Invisível e 255 Visitantes :: 2 Motores de busca

[K]oke, [SRD]JimClark, chaves467, Ketholy123, Kyko, Lily Vendramini, Luiz, odelgado, rlmac, William_iHarDz

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 09/10/15, 03:47 pm

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 : 2771
Pontos Ativos : 3868

http://suporte-design.forumeiros.com/

Resolvido Re: Personalizar caixa de pesquisa

Mensagem por Fraise em 09/10/15, 03:48 pm

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
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4979
Pontos Ativos : 6634

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

Resolvido Re: Personalizar caixa de pesquisa

Mensagem por IsmaelS. em 09/10/15, 03:51 pm

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

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2771
Pontos Ativos : 3868

http://suporte-design.forumeiros.com/
  • 0

Resolvido Re: Personalizar caixa de pesquisa

Mensagem por Fraise em 09/10/15, 03:53 pm

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

Até mais.
Fraise
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4979
Pontos Ativos : 6634

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

Resolvido Re: Personalizar caixa de pesquisa

Mensagem por IsmaelS. em 09/10/15, 04:03 pm

Perfeito amigo resolvido, obrigado!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2771
Pontos Ativos : 3868

http://suporte-design.forumeiros.com/

Resolvido Re: Personalizar caixa de pesquisa

Mensagem por Fraise em 09/10/15, 04:06 pm

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

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4979
Pontos Ativos : 6634

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