Search Box (Caixa de Busca) igual ao do fdf

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?

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://2img.net/i/fa/sprite_prosilver_navbar.png) no-repeat top left;
    background-position: 0 -701px;
    padding-left: 17px
}

Cordialmente, 
GSCode. 

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://2img.net/i/fa/sprite_prosilver_navbar.png) no-repeat top left;
    background-position: 0 -701px;
    padding-left: 17px
}

Cordialmente, 
GSCode. 

Faltou a lupa no botão da caixa :/

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

Olá,

Para remover:

Código:

#search-box{display:none}

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