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

Esqueci minha senha

Últimos assuntos
» Quadrado no post
Hoje à(s) 03:32 pm por Kyo Panda

» Personalizar página HTML
Hoje à(s) 03:30 pm por Daniel Yan

» Quadro de inicio
Hoje à(s) 03:30 pm por iPrompt

» Como tirar essas linhas do ChatBox
Hoje à(s) 03:23 pm por Kyo Panda

» Quem está lendo este tópico?
Hoje à(s) 03:22 pm por virus

» Imagens dos Tópicos serem todas do mesmo tamanho
Hoje à(s) 03:21 pm por Kyo Panda

» Slide no index
Hoje à(s) 03:13 pm por Kyo Panda

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
277 usuários online :: 12 usuários cadastrados, 1 Invisível e 264 Visitantes :: 2 Motores de busca

AlexG, Carlos Rodrigues, Daniel Yan, Holkis, iPrompt, IsmaelS., Kyo Panda, Luckcaddie, Luiz, P.H, virus, 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 Pentagono de Ouro em 07/10/15, 02:52 pm

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:

avatar

Pentagono de Ouro
Nível 5

Masculino
Inscrito dia : 07/12/2014
Mensagens : 39
Pontos Ativos : 61

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

Resolvido Re: Personalizar caixa de pesquisa

Mensagem por Fraise em 07/10/15, 03:13 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

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

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5020
Pontos Ativos : 6700

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Personalizar caixa de pesquisa

Mensagem por Pentagono de Ouro em 07/10/15, 10:54 pm

@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?
avatar

Pentagono de Ouro
Nível 5

Masculino
Inscrito dia : 07/12/2014
Mensagens : 39
Pontos Ativos : 61

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

Resolvido Re: Personalizar caixa de pesquisa

Mensagem por Sennior em 08/10/15, 04:25 pm

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalizar caixa de pesquisa

Mensagem por Pentagono de Ouro em 09/10/15, 04:14 pm

@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!
avatar

Pentagono de Ouro
Nível 5

Masculino
Inscrito dia : 07/12/2014
Mensagens : 39
Pontos Ativos : 61

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

Resolvido Re: Personalizar caixa de pesquisa

Mensagem por Fraise em 09/10/15, 04:19 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5020
Pontos Ativos : 6700

Ver perfil do usuário 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