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
» Citação não aparece nome de usuário
Hoje à(s) 12:09 pm por iScroll

» Informações dos ultimos assuntos
Hoje à(s) 12:08 pm por iScroll

» Slide no index
Hoje à(s) 12:08 pm por iScroll

» Naruto Survival RPG
Hoje à(s) 11:48 am por BichodoMato

» Brilho nos anúncios
Hoje à(s) 11:48 am por Ketholy123

» Caixa de login ao clicar na barra de ferramentas
Hoje à(s) 11:46 am por MatiasReis123

» Limitações numéricas na barra
Hoje à(s) 11:42 am por Kyo Panda

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Kyo Panda
 
AlexG
 
MatiasReis123
 
LeoziN_WallkeR
 
Try
 
Ketholy123
 
BichodoMato
 

Quem está conectado
270 usuários online :: 12 usuários cadastrados, Nenhum Invisível e 258 Visitantes :: 1 Motor de busca

AlexG, BichodoMato, EDU2010, Gustavor, Heikki, iPrompt, iScroll, Ketholy123, Kyo Panda, LeoziN_WallkeR, MatiasReis123, Try

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 12: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 : 93

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 : 93

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 : 93

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