Campo de BUSCA

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

Resolvido Campo de BUSCA

Mensagem por Caneta Azul em 24/03/12, 04:42 pm

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

http://i42.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:
http://i42.tinypic.com/10oibo4.jpg

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

Versão do meu fórum:
PHPBB2
avatar

Caneta Azul
Nível 7

Masculino
Inscrito dia : 23/03/2012
Mensagens : 96
Pontos Ativos : 150

Ver perfil do usuário http://rpgheroisdolimpo.forumeiros.com/

Resolvido Re: Campo de BUSCA

Mensagem por Nickname em 24/03/12, 04:50 pm

Olá
Faça o seguinte procedimento
Painel de controle :seta2: Visualização :seta2: Imagens e cores :seta2: Cores :seta2: 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://illiweb.com/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

Nickname
Membro do Fórum

Masculino
Inscrito dia : 13/11/2011
Mensagens : 1551
Pontos Ativos : 2048

Ver perfil do usuário http://ajuda.forumeiros.com https://www.facebook.com/gabrielstiflerz

Resolvido Re: Campo de BUSCA

Mensagem por Caneta Azul em 24/03/12, 07:56 pm

Cara, não foi não . Eu coloquei o código, só que não foi.
avatar

Caneta Azul
Nível 7

Masculino
Inscrito dia : 23/03/2012
Mensagens : 96
Pontos Ativos : 150

Ver perfil do usuário http://rpgheroisdolimpo.forumeiros.com/

Resolvido Re: Campo de BUSCA

Mensagem por Nickname em 24/03/12, 08:07 pm

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://illiweb.com/fa/sprite_prosilver_navbar.png) no-repeat top left;
    background-position: 0 -701px;
    padding-left: 17px;
    }

Nickname
Membro do Fórum

Masculino
Inscrito dia : 13/11/2011
Mensagens : 1551
Pontos Ativos : 2048

Ver perfil do usuário http://ajuda.forumeiros.com https://www.facebook.com/gabrielstiflerz

Resolvido Re: Campo de BUSCA

Mensagem por Caneta Azul em 24/03/12, 08:51 pm

Cara, esse código tambem não foi. :/
avatar

Caneta Azul
Nível 7

Masculino
Inscrito dia : 23/03/2012
Mensagens : 96
Pontos Ativos : 150

Ver perfil do usuário http://rpgheroisdolimpo.forumeiros.com/

Resolvido Re: Campo de BUSCA

Mensagem por seender em 24/03/12, 10:49 pm

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.

(carregue na imagem para aumentar)


(carregue na imagem para aumentar)
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="http://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

Seta Título - Correspondente ao nome da página JavaScript/jQuery que será criada.
Seta 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.
Seta Código JavaScript - Campo destinado para receber os códigos JavaScript e jQuery.

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Campo de BUSCA

Mensagem por Caneta Azul em 27/03/12, 02:23 pm

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 . '-'
avatar

Caneta Azul
Nível 7

Masculino
Inscrito dia : 23/03/2012
Mensagens : 96
Pontos Ativos : 150

Ver perfil do usuário http://rpgheroisdolimpo.forumeiros.com/

Resolvido Re: Campo de BUSCA

Mensagem por MateusV. em 27/03/12, 02:29 pm

Olá, aceda ao seu
painel de controle Seta Modulos Seta HTML e Java script Seta Gestão das paginas HTML
:seta2: 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. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Campo de BUSCA

Mensagem por Caneta Azul em 27/03/12, 04:34 pm

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 ?
avatar

Caneta Azul
Nível 7

Masculino
Inscrito dia : 23/03/2012
Mensagens : 96
Pontos Ativos : 150

Ver perfil do usuário http://rpgheroisdolimpo.forumeiros.com/

Resolvido Re: Campo de BUSCA

Mensagem por MateusV. em 27/03/12, 04:42 pm

Olá, sim, mas no campo descrição do site coloque este codigo
<script src="http://rpgheroisdolimpo.forumeiros.com/h1-buscar"></script>

Cordialmente. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Campo de BUSCA

Mensagem por Caneta Azul em 27/03/12, 09:25 pm

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

Caneta Azul
Nível 7

Masculino
Inscrito dia : 23/03/2012
Mensagens : 96
Pontos Ativos : 150

Ver perfil do usuário http://rpgheroisdolimpo.forumeiros.com/

Resolvido Re: Campo de BUSCA

Mensagem por MateusV. em 11/04/12, 04:21 pm

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. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum