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


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
» Centralizar slider
Hoje à(s) 14:44 por Shek Crowley

» Publicidade em cima do cabelaho
Hoje à(s) 14:31 por Shek Crowley

» Bug na Pagina HTML
Hoje à(s) 14:25 por Shek Crowley

» Mudar pre-visualização do formulário
Hoje à(s) 14:16 por Shek Crowley

» Personalizar perfil
Hoje à(s) 13:05 por Eden

» Problemas na ativação do Formulario
Hoje à(s) 12:55 por Shek Crowley

» [Logo] Musculação
Hoje à(s) 4:33 por P.H

LiveStream TV Forumeiros - #Forumeiros
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Parceiros Forumeiros
Quem está conectado
80 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 76 Visitantes :: 2 Motores de busca

Connor R., juleic1123, Sennior, Shek Crowley

[ 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 Pentagono de Ouro em Qua 7 Out 2015 - 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:


Pentagono de Ouro
Nível 5

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

http://pentagonodeouro.forumeiros.com/

Resolvido Re: Personalizar caixa de pesquisa

Mensagem por Fraise em Qua 7 Out 2015 - 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
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7161

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

Resolvido Re: Personalizar caixa de pesquisa

Mensagem por Pentagono de Ouro em Qui 8 Out 2015 - 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
Nível 5

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

http://pentagonodeouro.forumeiros.com/

Resolvido Re: Personalizar caixa de pesquisa

Mensagem por Sennior em Qui 8 Out 2015 - 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.


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16231
Pontos Ativos : 22722

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalizar caixa de pesquisa

Mensagem por Pentagono de Ouro em Sex 9 Out 2015 - 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
Nível 5

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

http://pentagonodeouro.forumeiros.com/

Resolvido Re: Personalizar caixa de pesquisa

Mensagem por Fraise em Sex 9 Out 2015 - 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
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7161

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5