Caixa de buscar bugado

Qual é minha questão:
Olá a todos, minha caixa de busca está bugada, nem preciso dizer nada, basta entrar em meu fórum:
http://testebydrhouse.forumeiros.com/forum
E Clicar no menu de "Buscar" a caixa do buscar ira aparecer do lado esquerdo da página, e em baixo..

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://testebydrhouse.forumeiros.com/forum

Versão do meu fórum:
PHPBB3

Olá,

Isso deve ocorre por que ja existe um Caixa de busca la no canto pois ele não tera lugar para posicionar pois o lugar dele e la no canto perto do outro por isso ta ficando no canto la em baixo

iPhone escreveu:Olá,

Isso deve ocorre por que ja existe um Caixa de busca la no canto pois ele não tera lugar para posicionar pois o lugar dele e la no canto perto do outro por isso ta ficando no canto la em baixo

Olá!
Sei muito bem que não é isto, e espero alguém me fornecer um código que resolva meu problema.

Passar bem!

Up. Alguém?

Up.. Alguém?

Olá,

Desculpe pela demora.

Eu preciso que o senhor forneça um endereço de fórum válido para eu ver a tal caixa.

Cordialmente.

Olá!
Desculpe-me pelo o endereço do fórum, pois troquei o fórum de teste de link, mais como o CSS do meu fórum é o mesmo, aqui está o Link: http://skygames.sampforum.net/forum

Passar bem!

Olá amigo , adicione esse código a sua css .

Código:

#pun-foot #search-box {
position: absolute;
top: 20px;
right: 7%;
}

Olá lucasxd111,
caso você não viu é "PhpBB3" não PunBB

Passar bem!

Olá,

Sua caixa de busca aparenta normal aqui... Ou você estaria se referindo a do menu que aparece no meio do fórum?

Cordialmente.

Olá Ace,
Clique no Menu de "Buscar", o senhor irá ver que a caixa de busca aparece no lado direito do fórum..
@EDIT: Aquele buscar no meio do banner, é por que fui tentar colocar o código que o nosso amigo acima forneceu, e bugou foi o buscar de atalho..

Passar bem!

Olá amigo , desculpe " rsrs " tente esse código em sua css .

Código:

#page-header #search-box {
position: absolute;
top: 20px;
right: 7%;
}

Olá lucasxd111,
Leia os posts por favor cara, eu quero mover é o o buscar de quando clica no "Buscar do menu" de local e não o buscar atalho que fica em baixo do menu, você entende?, Vou resumir: Entre em meu fórum, e clique no "MENU" Buscar, o Buscar irá aparecer no canto da página, eu gostaria que muda-se ele de local, se eu tive-se pelo menos a classe CSS desse Buscar eu já daria conta..

Passar bem!

Olá,

Tente fazer o seguinte:

Aceda à seu CSS e retire:

Código:

 /* botao de buscar */
#search-box input.button2{-webkit-border-radius:2px;-webkit-user-select:none;background-color:#f5f5f5;background-image:-o-linear-gradient(top,whiteSmoke,#F1F1F1);border:1px solid rgba(0,0,0,0.1);border-radius:2px;color:#666;cursor:pointer;font-size:11px;font-weight:700;height:29px;line-height:18px;margin:11px 6px;min-width:54px;padding:0 8px;text-align:center}#search-box input{-moz-box-sizing:content-box;background:#fff;border:1px solid #D9D9D9;border-width:1px;color:#000;height:23px}
#search #keywords:focus{width:300px}#search #keywords{-moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;width:150px}img[src="http://i66.servimg.com/u/f66/15/86/37/09/suppor10.png"]{height:auto;width:46px}
#search-box input.button2 {
font-size: 11px !important;
}

Resulta em algo?

Cordialmente.

Olá Ace!
Não resultou..
Obs: Eu quero é mover o Buscar do Menu, de quando CLICA no menu, e não o buscar de atalho.., entende?

Até mais!

@EDIT
Fui no meu problema, e inspecionei o elemento da página, modifiquei um código não identificado, que seria este:

element.style {
position: absolute;
width: 350px;
z-index: 10000;
top: 29px;
left: -8px;
}

Se alguém, souber pelo menos a classe CSS deste código, que seria o Buscar do menu do fórum, de quando clica no buscar, já resolveria meu caso..

Olá!

https://i.imgur.com/uv4gp.png

Como se pode ver na imagem, a caixa está normal, em baixo do botão buscar.
Caso não seja esse o problema, me diga exatamente o problema, porque pelo o que você está explicando o problema é a posição da caixa de busca.

A classe dessa caixa de busca é search_menu.

Até mais.

Luciano98 escreveu:Olá!

https://i.imgur.com/uv4gp.png

Como se pode ver na imagem, a caixa está normal, em baixo do botão buscar.
Caso não seja esse o problema, me diga exatamente o problema, porque pelo o que você está explicando o problema é a posição da caixa de busca.

A classe dessa caixa de busca é search_menu.

Até mais.

Olá Luciano98

Dr.House_. escreveu:Olá!
Desculpe-me pelo o endereço do fórum, pois troquei o fórum de teste de link, mais como o CSS do meu fórum é o mesmo, aqui está o Link: http://skygames.sampforum.net/forum

Passar bem!

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

Código:

#page-header .navbar .linklist.navlinks,#page-header .navbar .linklist.navlinks li{position:static}#page-header .navbar .linklist.navlinks{margin-top:-5px;margin-left:-16px}

Valide.

Até mais.

HAHA tu é muito bom de mais Luciano98,
vlw ai mais uma vez manin

Resolvido!

Opa, pera ai rapidin, desculpa, teve um problema, qd eu coloquei o código o logo do fórum ficou em cima do menu, pode ver a linha azul em cima do menu, só isso..
Se puder terminar de me ajudar.. Agradeço..
e Bugou todo o menu, pode passar o mouse em cima do Inicio, o inicio do DropDown, está aparecendo logo acima..

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

Código:

#page-header .navbar .ulhome{position: absolute!important; left: auto; top: auto; margin-left: -70px; margin-top: 42px;}li:hover .ulhome {
display: inline;
}

Valide.

Até mais.

Olá Luciano98,
Coloquei o código CSS, e o Buscar que ficava lá em baixo, continuou a ficar la em baixo, voltou como era antes, sem resultados, e sobre o código JS, olhe aqui está ele, e não tem nenhum "block" nele:

Código:

jQuery(document).ready(function(){jQuery('.navlinks li a[href="/forum"]').after('<div class="ulhome"><ul><li class="limenup"><a href="/f3-regras">Regras</a><br></li><a href="/f4-revisao-de-bans">Rev. Bans</a><br></li><a href="/f34-denuncias-em-geral">Denúncias</a><br></li><a href="/f22-eventos">Eventos</a><br></li><a href="/f10-shopping">Shopping</a><br></li><a href="/f1-bate-papo">Bate Papo</a><br></li><li class="limenup"></ul></div>')});

Se quiser o CSS que uso na toda função do Menu, também tenho aqui..

Até mais!