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
Perdi minha senha!
Obter senha

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

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
100 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 96 Visitantes :: 1 Motor de busca

Kyo Panda, Sonic_BR, Vinicius Reis, YuriGama

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Search Box (Caixa de Busca) igual ao do fdf

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Search Box (Caixa de Busca) igual ao do fdf

Mensagem por luan13.09 em Sab 19 Mar 2016 - 15:39

Detalhes da questão


Endereço do fórum: rhcoficial.forumeiros.com
Versão do fórum: PhpBB3

Descrição


Olá, eu queria que a caixa de busca do meu fórum fosse igual ao do fdf, como posso fazer?

luan13.09
Nível 5

Masculino
Inscrito dia : 03/04/2015
Mensagens : 35
Pontos Ativos : 689

http://policiarhclive.forumeiros.com

Resolvido Re: Search Box (Caixa de Busca) igual ao do fdf

Mensagem por GSCode em Sab 19 Mar 2016 - 16:04

Olá,

Adicione em sua CSS:

Código:


.search-box {
    float: left;
    margin-left: 5px;
    margin-top: 3px
}

#search-box {
    float: right;
    margin-right: 5px;
    margin-top: 10px;
    white-space: nowrap
}

* html #search-box {
    margin-right: 35px
}

#search-box #keywords {
    background-color: #fff;
    width: 95px
}

,#search-box input {
    border: 1px solid #BCBCBC
}

#search-box input.button1 {
    padding: 1px 5px
}

input.search {
    background: url(http://illiweb.com/fa/sprite_prosilver_navbar.png) no-repeat top left;
    background-position: 0 -701px;
    padding-left: 17px
}

Cordialmente, 
GSCode.  Rosa

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 576
Pontos Ativos : 2164

http://testforumbrasil.forumeiros.com/forum

Resolvido Re: Search Box (Caixa de Busca) igual ao do fdf

Mensagem por luan13.09 em Sab 19 Mar 2016 - 16:09

@GSCode escreveu:Olá,

Adicione em sua CSS:

Código:


.search-box {
    float: left;
    margin-left: 5px;
    margin-top: 3px
}

#search-box {
    float: right;
    margin-right: 5px;
    margin-top: 10px;
    white-space: nowrap
}

* html #search-box {
    margin-right: 35px
}

#search-box #keywords {
    background-color: #fff;
    width: 95px
}

,#search-box input {
    border: 1px solid #BCBCBC
}

#search-box input.button1 {
    padding: 1px 5px
}

input.search {
    background: url(http://illiweb.com/fa/sprite_prosilver_navbar.png) no-repeat top left;
    background-position: 0 -701px;
    padding-left: 17px
}

Cordialmente, 
GSCode.  Rosa

Faltou a lupa no botão da caixa :/

luan13.09
Nível 5

Masculino
Inscrito dia : 03/04/2015
Mensagens : 35
Pontos Ativos : 689

http://policiarhclive.forumeiros.com

Resolvido Re: Search Box (Caixa de Busca) igual ao do fdf

Mensagem por GSCode em Sab 19 Mar 2016 - 16:18

Olá,

Perdão por isso!
Adicione...

Código:
#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;
}

Cordialmente,
GSCode.
Citações:
@luan13.09

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 576
Pontos Ativos : 2164

http://testforumbrasil.forumeiros.com/forum

Resolvido Re: Search Box (Caixa de Busca) igual ao do fdf

Mensagem por luan13.09 em Sab 19 Mar 2016 - 16:20

@GSCode escreveu:Olá,

Perdão por isso!
Adicione...

Código:
#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;
}

Cordialmente,
GSCode.
Citações:
@luan13.09

Uma última coisa... Se eu quiser excluir a caixa de busca do fórum, o que eu devo fazer?

luan13.09
Nível 5

Masculino
Inscrito dia : 03/04/2015
Mensagens : 35
Pontos Ativos : 689

http://policiarhclive.forumeiros.com

Resolvido Re: Search Box (Caixa de Busca) igual ao do fdf

Mensagem por GSCode em Sab 19 Mar 2016 - 16:22

Olá,

Para remover:

Código:
#search-box{display:none}

Cordialmente,
GSCode.  Rosa
Citações: @luan13.09

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 576
Pontos Ativos : 2164

http://testforumbrasil.forumeiros.com/forum

Resolvido Re: Search Box (Caixa de Busca) igual ao do fdf

Mensagem por GSCode em Sex 25 Mar 2016 - 4:51

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 576
Pontos Ativos : 2164

http://testforumbrasil.forumeiros.com/forum

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