Personalizar caixa de pesquisa

3 participantes

Ir para baixo

Tópico resolvido Personalizar caixa de pesquisa

Mensagem por Pentagono de Ouro 07.10.15 18:52

Detalhes da questão


Endereço do fórum: http://pentagonodeouro.forumeiros.com
Versão do fórum: PhpBB3

Descrição


É possível colocar em meu fórum uma barra de busca igual a do FdF?

Estou falando desta barra:

Personalizar caixa de pesquisa 2whk0pg
Pentagono de Ouro
Pentagono de Ouro
*

Membro desde : 07/12/2014
Mensagens : 40
Pontos : 61

http://pentagonodeouro.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar caixa de pesquisa

Mensagem por Fraise 07.10.15 19:13

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

Tópico movido de 'Outras questões' para 'Questões sobre a aparência do fórum'
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar caixa de pesquisa

Mensagem por Pentagono de Ouro 08.10.15 2:54

@Fraise está muito boa, mas gostaria de saber se há como aumentar ela um pouco.

Se for possível deixe ela com o mesmo comprimento da que te mandei na imagem da descrição do tópico.

Gostaria também que você me explicasse o que deve ser feito se eu quiser mudar a cor dessa barra.
Por exemplo, se eu quiser que ela fique um verde escuro o que precisa ser alterado no código?
Pentagono de Ouro
Pentagono de Ouro
*

Membro desde : 07/12/2014
Mensagens : 40
Pontos : 61

http://pentagonodeouro.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar caixa de pesquisa

Mensagem por Sennior 08.10.15 20:25

Saudações!

Altere o código fornecido pelo nosso amigo Fraise pelo abaixo:
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;
}
#search-box #keywords {
    background-color: #fff;
    width: 150px!important;
}

Para alterar a cor, basta procurar por essa cor no código CSS "#39C" e alterar a cor. A borda tem a mesma cor, basta alterar também.
Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar caixa de pesquisa

Mensagem por Pentagono de Ouro 09.10.15 20:14

@Sennior, obrigado por sua resposta, deu certo seu código!

Mas neste tópico darei a melhor resposta para @Fraise, pelo motivo de ele ser o primeiro a responder a questão...

Sennior, é claro que sua resposta também é importante, pois com ela pode-se aumentar o tamanho da barra de pesquisa e aprendi esta questão da cor.

Mas, espero que entenda que Fraise foi o primeiro a responder a proposta da questão.

Na verdade, se pudesse dar a melhor resposta para os dois eu daria.

Obrigado pessoal. Vocês formam uma excelente equipe para o FdF.

Questão resolvida!
Pentagono de Ouro
Pentagono de Ouro
*

Membro desde : 07/12/2014
Mensagens : 40
Pontos : 61

http://pentagonodeouro.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar caixa de pesquisa

Mensagem por Fraise 09.10.15 20:19

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
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

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

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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