Caixa de busca

2 participantes

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

Tópico resolvido Caixa de busca

Mensagem por Kallahari 22.07.17 22:58

Detalhes da questão


Endereço do fórum: http://muwinnerr.forumeiros.com
Versão do fórum: phpBB3

Descrição


Boa noite pessoal,

Como faço para colocar a barra de busca do meu Fórum assim:

Caixa de busca 211


Em vermelho é onde está atualmente, Gostaria de colocar ela aonde está em azul.

Detalhe: Não quero coloca-la no tamanho grande.

Boa noite! Desde já agradeço.


Última edição por Fatalisss em 24.07.17 15:50, editado 1 vez(es)
Kallahari

Kallahari
*****

Membro desde : 31/01/2014
Mensagens : 413
Pontos : 639

http://muwinnerr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de busca

Mensagem por Kyo Panda 24.07.17 13:57

Adicione ao CSS:

Código:
.navbar {
    position: relative;
}

#search-box {
    position: absolute;
    top: -47px;
    right: 20px;
}

#search-box #keywords {
    height: 32px;
    border: none;
    width: calc(100% - 50px);
}

#search-box #search input[type="submit"] {
    height: 36px;
    margin: 0;
    padding: 0;
}
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de busca

Mensagem por Kallahari 24.07.17 14:06

Isso mesmo que eu queria. Poderia deixa-la mais fina e mais larga ?

Também queria que você puxasse o menu para a esquerda, para caber a caixa de busca quando vc deixala fina e aumenta a expressura.

Obrigado.
Kallahari

Kallahari
*****

Membro desde : 31/01/2014
Mensagens : 413
Pontos : 639

http://muwinnerr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de busca

Mensagem por Kyo Panda 24.07.17 14:33

Eu precisaria que você desmarcasse a opção "Otimizar CSS" na página de edição, por favor. Feliz
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de busca

Mensagem por Kallahari 24.07.17 14:39

Vc fala destiva a opção melhorar css?

se for isso acabei de fazer...
Kallahari

Kallahari
*****

Membro desde : 31/01/2014
Mensagens : 413
Pontos : 639

http://muwinnerr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de busca

Mensagem por Kyo Panda 24.07.17 15:41

Adicione mais essa peça:

Código:
#search-box {
    top: -43px;
}

#search-box #keywords {
    height: 24px;
}

#search-box #search input[type="submit"] {
    height: 28px;
    background-size: contain !important;
}
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de busca

Mensagem por Kallahari 24.07.17 15:49

Obrigado! Erá o que eu desejava.
Kallahari

Kallahari
*****

Membro desde : 31/01/2014
Mensagens : 413
Pontos : 639

http://muwinnerr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de busca

Mensagem por Kyo Panda 24.07.17 15:52

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos