Campo de BUSCA

Qual é minha questão:
Eu gostaria de colocar esse CAMPO para pesquisa no meu fórum.

https://2img.net/h/oi42.tinypic.com/10oibo4.jpg

Medidas que eu tomei para corrigir o problema:
Procurei em vários tópicos mais não consegui .

Links e imagens do meu problema:
https://2img.net/h/oi42.tinypic.com/10oibo4.jpg

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

Versão do meu fórum:
PHPBB2

Olá
Faça o seguinte procedimento
Painel de controle Visualização Imagens e cores Cores Folha de estilo CSS
Adicione o seguinte codigo na folha de estilo CSS:

Código:

    #search-box{float:right;margin-right:5px;margin-top:10px;white-space:nowrap;
    z-index: 999 !important}* 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://2img.net/i/fa/sprite_prosilver_navbar.png) no-repeat top left;background-position:0 -701px;padding-left:17px}
    #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;
    }
    #search-box #keywords {
    background-color: white;
    width: 95px;
    }
    #search-box input {
    -moz-box-sizing: content-box;
    background: white;
    border: 1px solid #D9D9D9;
    border-width: 1px;
    color: black;
    height: 23px;
    border-image: initial;
    }

até mais

Tente este

Código:

    #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;
    }
    #search-box #keywords {
    background-color: white;
    width: 95px;
    }
    #search-box input {
    -moz-box-sizing: content-box;
    background: white;
    border: 1px solid #D9D9D9;
    border-width: 1px;
    color: black;
    height: 23px;
    }
    input.search {
    background: url(http://2img.net/i/fa/sprite_prosilver_navbar.png) no-repeat top left;
    background-position: 0 -701px;
    padding-left: 17px;
    }

Olá!

Utilize este código:

Código:

$(".bodyline").append('<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>');

Para adicionar o código aceda a:
Painel de Controle -> Geral -> Fórum -> Configurações

Ele deverá ser adicionado ao campo "Descrição do site". Caso encontre códigos nesta área, deverá colá-lo primeiro, antes de tudo mais que possa existir neste campo.

O local de vermelho é o endereço da página que criou.

O código será:

<script src="ENDERECO-DA-PAGINA-HTML"></script>

Por exemplo, no FdF:

<script src="https://ajuda.forumeiros.com/h5-regras"></script>

Ou pode adicionar numa página Javascript...

Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts

Título - Correspondente ao nome da página JavaScript/jQuery que será criada.

Localização - São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. Pode ser na galeria, nos fóruns ou sub-fóruns. Vamos ver algumas opções: No índice : O código será aplicado ao índice do fórum. No portal : O código será aplicado ao Portal do fórum. Nos seus sub-fóruns (Fóruns) : O código será aplicado nos Fóruns e Sub-fóruns. Nos tópicos : O código será aplicado aos tópicos do fórum. Na galeria : O código será aplicado na sua Galeria de imagens. Em todas as páginas : O código será aplicado em todas as páginas do fórum.

Código JavaScript - Campo destinado para receber os códigos JavaScript e jQuery.

Melhores cumprimentos,
seender

Eu fiz o do JavaScript só que não foi , tentei o do HTML a campo de busca foi, só q quando eu digita algo para pesquisar não ia . E a parte do código do campo em vermelho eu não entendi . '-'

Olá, aceda ao seu

painel de controle Modulos HTML e Java script Gestão das paginas HTML

Crie uma nova pagina HTML com as seguintes opções

Titulo: Oque desejar
Usar Inicio e final do seu forum? Não
Usar esta pagina como pagina Inicial? Não
Codigo:

Código:

$(".bodyline").append('<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>');

Feito isto carregue em salvar, não se esqueça de copiar o url da pagina

O local de vermelho é o endereço da página que criou.
Feito isto aceda ao seu

Painel de Controle -> Geral -> Fórum -> Configurações

Ele deverá ser adicionado ao campo "Descrição do site". Caso encontre códigos nesta área, deverá colá-lo primeiro, antes de tudo mais que possa existir neste campo.


O código será:

<script src="ENDERECO-DA-PAGINA-HTML"></script>

Cordialmente.

Pera deixa eu ver se eu entendi .

Eu criou uma pagina de HTML com o código. Depois vô em Geral , Fórum , Configurações , ai depois pego esse código : http://rpgheroisdolimpo.forumeiros.com/h1-buscar e colo na DESCRIÇÃO DO SITE ?

Olá, sim, mas no campo descrição do site coloque este codigo

<script src="http://rpgheroisdolimpo.forumeiros.com/h1-buscar"></script>

Cordialmente.

Cara, não foi ainda. As vezes o campo vai, só que não consigo fazer a pesquisa. '-'

Olá, talvez seja algum codigo java Script interferindo, aceda ao seu

Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts

Procure por "habilitar codigos Java Scripts", marque não e salve.

Cordialmente.