Caixa de busca

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:




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.

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;
}

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.

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

Vc fala destiva a opção melhorar css?

se for isso acabei de fazer...

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;
}

Obrigado! Erá o que eu desejava.