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
» Assinatura grande!
Hoje à(s) 03:34 pm por Tiger

» Template topicos recentes
Hoje à(s) 02:00 pm por Appoloz

» Efeito hover perfil
Hoje à(s) 01:56 pm por Harleen

» Sistema de notificação
Hoje à(s) 01:25 pm por Marcelo22m2

» Perfil de usuário no tópicos
Hoje à(s) 01:24 pm por Harleen

» Contador de tópicos/mensagens no Sub-Fórum/Fórum
Hoje à(s) 12:54 pm por Kyo Panda

» Edição do cabeçalho no Modernbb
Hoje à(s) 12:41 pm por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Luiz
 
Marcelo22m2
 
Kyo Panda
 
paulim78
 
APOllO
 
Shek
 
Lincoln
 
>.< T-T =3
 
Appoloz
 

Quem está conectado
273 usuários online :: 12 usuários cadastrados, Nenhum Invisível e 261 Visitantes :: 1 Motor de busca

alexdjmp3, APOllO, Appoloz, Holkis, Hyouran, IsmaelS., Kyo Panda, MtX, Roger_Crazzy, Satoru, Taxy_InSaniTy, Tiger

[ 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

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
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

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

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.


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16306
Pontos Ativos : 20793

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

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
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

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