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
» Modificação no Index
Hoje à(s) 12:35 am por iScroll

» Slides bugado
Hoje à(s) 12:21 am por iScroll

» Separador
Ontem à(s) 11:01 pm por Ketholy123

» Ranks para meu Fórum
Ontem à(s) 10:56 pm por ranzatti

» E-mail para instalação do Topic'it com problema
Ontem à(s) 10:55 pm por Luiz

» Ícones flutuantes
Ontem à(s) 10:01 pm por Gaaratsu

» Menu Mensagem Privada
Ontem à(s) 07:29 pm por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Ketholy123
 
iScroll
 
Fou-Lu
 
Matt Shultz
 
Shek
 
Harleen
 
ranzatti
 
APOllO
 
zHugh
 

Quem está conectado
144 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 141 Visitantes :: 2 Motores de busca

ALF007, Pedxz, soldado

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 19/03/16, 12:39 pm

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

luan13.09
Nível 5

Masculino
Inscrito dia : 03/04/2015
Mensagens : 42
Pontos Ativos : 88

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

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

Mensagem por GSCode em 19/03/16, 01:04 pm

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
avatar

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 590
Pontos Ativos : 1031

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

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

Mensagem por luan13.09 em 19/03/16, 01:09 pm

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 :/
avatar

luan13.09
Nível 5

Masculino
Inscrito dia : 03/04/2015
Mensagens : 42
Pontos Ativos : 88

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

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

Mensagem por GSCode em 19/03/16, 01:18 pm

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
avatar

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 590
Pontos Ativos : 1031

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

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

Mensagem por luan13.09 em 19/03/16, 01:20 pm

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

luan13.09
Nível 5

Masculino
Inscrito dia : 03/04/2015
Mensagens : 42
Pontos Ativos : 88

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

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

Mensagem por GSCode em 19/03/16, 01:22 pm

Olá,

Para remover:

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

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

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 590
Pontos Ativos : 1031

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

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

Mensagem por GSCode em 25/03/16, 01:51 am

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

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 590
Pontos Ativos : 1031

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