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