Barra de busca em cima da categoria

Qual é minha questão:
Como Colcocar está barra de Busca em cima da categoria no meu forum



Forum em que vi > http://testenarutonsl.ativoforum.com/forum

e Meu Overall Header está zerado! Nao tem nenhuma alteracao caso precise!

Endereço do meu fórum:
http://narutolegendrpg.ativoforum.com

Versão do fórum:
PUNBB

Olá!

Adicione este código:

Código:

#search {
    background: url("http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/custom/search.png") no-repeat scroll 0px 0px transparent;
    height: 50px;
    width: 242px;
    float: right;
    position: relative;
}

Em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Melhores cumprimentos,
seender

Não Funciona!

Eu quero do mesmo jeito que ta na imagem, se precisar do Overall_header do forum que tem a caixa de busca e do Css eu posto aqui, porque o forum e meu de testes, mais nao sei retirar somente esta parte compreende?

Thanks

UP

Bom dia!

Painel de controle ->> Visualização ->> Templates ->> Geral ->> overall_header ->>
Procurem pelo seguinte código:

Código:

                        <li>{GENERATED_NAV_BAR}</li>
                     </ul>
                  </div>

E depois da última "</div>" adicione este código:

Código:

<div id="search-box"><form method="get" action="/search?search_where=11" id="search"><p class="nomargin"><input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="Buscar..." onclick="if (this.value == 'Buscar...') this.value = '';" onblur="if (this.value == '') this.value = 'Buscar...';" /><input class="button2" type="submit" value="Buscar" /></p></form></div>

Salve e publique.

Utilize esse código CSS:

Código:

#search-box {
background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/custom/search.png) 0 0 no-repeat;
height: 50px;
width: 242px;
float: right;
position: relative;
}
#search #keywords {
position: absolute;
top: 10px;
left: 42px;
background: none;
border: none;
outline: none;
width: 142px;
height: 16px;
padding: 7px 8px;
color: #fdfffd;
font-size: 13px;
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
}

Valide.

Até mais!

Sem Sucesso!

UP

Olá!

Retire todos os códigos da sua folha estilo CSS, salve-os no bloco de notas e veja como fica sem estes códigos.

Até mais!

Já Resolvi!
Coloquei outro tema..