Criar caixa de busca

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

Resolvido Criar caixa de busca

Mensagem por Legolass em 28/05/13, 07:29 pm

Qual é minha questão:
Olá, queria fazer essa caixa de busca igual do FdF, que mostra os resultados google no frame de baixo com as mini-imagens dos tópicos.



Endereço do meu fórum:
http://www.fanfictionunited.com.br

Versão do fórum:
PHPBB2


Última edição por Cris Varella em 30/05/13, 02:41 pm, editado 1 vez(es)
avatar

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

Resolvido Re: Criar caixa de busca

Mensagem por Legolass em 29/05/13, 11:07 am

UP
avatar

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

Resolvido Re: Criar caixa de busca

Mensagem por MateusA em 29/05/13, 12:22 pm

Olá! O fdf não da suporte a codigos JavaScripts externos aos nosso tutoriais no entanto como eu tinha o codigo vou lhe passar.

TUTORIAL:

<div><div><div style="margin:auto;text-align:center;width:100%"><table style="margin:auto"><tr><td align="left"><br /></td><td align="left"><br /><span style="font-size: 24px; line-height: normal"><font color="#86b125"><strong><u><font face="Comic Sans Ms">Busca Personalizada</font></u></strong></font></span></td></tr></table></div><br /><br />Nesse tutorial estarei ensinando como criar uma busca personalizada.<br /><br /><table><tr><td align="left"><br /><img src="http://illiweb.com/fa/pbucket.gif" alt="" /></td><td align="left"><img src="http://illiweb.com/fa/pbucket.gif" alt="" /><img src="http://illiweb.com/fa/pbucket.gif" alt="" /></td></tr></table><br /><br /><br /></span><table width="90%" cellspacing="1" cellpadding="3" border="0" align="center"><tr><td class="quote"><br /><span style="font-size: 18px; line-height: normal"><strong><font color="#00a5cd">Tutorial em Vídeo:</font></strong></span><br /><br /><div style="margin:auto;text-align:center;width:100%"><iframe width="640" height="360" src="http://www.youtube.com/embed/OjMbSeD1dJI?feature=player_detailpage" frameborder="0" allowfullscreen></iframe><br /><a href="http://www.youtube.com/watch?feature=player_embedded&v=OjMbSeD1dJI" target="_blank" rel="nofollow">http://www.youtube.com/watch?feature=player_embedded&v=OjMbSeD1dJI</a><br /><strong>OBS: o video não tem som mesmo é só fazer o que eu fiz nele que vai dar tudo certo!</strong></div><br /><span style="font-size: 18px; line-height: normal"><strong><font color="#00a5cd">1º - Entre no endereço abaixo:</font></strong></span><br /><br /><a href="http://www.google.com.br/cse/" target="_blank" rel="nofollow">http://www.google.com.br/cse/</a><br /><br /><br /><span style="font-size: 18px; line-height: normal"><strong><font color="#00a5cd">2º - Editar a URL </font></strong></span><br /><br /><strong>Copie a url da sua Busca personalizada.<br />Procure essa parte do código na url:</strong><br /><dl class="codebox"><dt>Código:</dt><dd class="cont_code"><code>UTF-8&q=</code></dd></dl><br /><br /><strong>Depois do = delete todo o código e adicione o código abaixo.</strong><br /><dl class="codebox"><dt>Código:</dt><dd class="cont_code"><code>&cof=FORID%3A10&ie=UTF-8&q='+s+'&siteurl='+location.host+'%2F%3Fq%3D'+s+'&ref=&ad=n9&num=10</code></dd></dl><br /><br /><span style="font-size: 18px; line-height: normal"><strong><font color="#00a5cd">3º - Adicionar </font></strong></span><br /><br /><img src="http://illiweb.com/fa/pbucket.gif" alt="" /><br /><dl class="codebox"><dt>Código:</dt><dd class="cont_code"><code>input.gsc-input {<br />    background-image: none !important;<br />}</code></dd></dl><br /><br /><br /><span style="font-size: 18px; line-height: normal"><strong><font color="#00a5cd">4º - Adicionar </font></strong></span><br /><br /><img src="http://illiweb.com/fa/pbucket.gif" alt="" /><br /><strong>Marcar:</strong><br /><img src="http://illiweb.com/fa/pbucket.gif" alt="" /><br /><strong>Depois de criar a url personalizada acima basta adiciona-lá no código abaixo no campo "LINK_DA_PAGINA_DE_BUSCA_PERSONALIZADA".</strong><br /><dl class="codebox"><dt>Código:</dt><dd class="cont_code"><code>jQuery(document).ready(function(){jQuery('input[name="search_keywords"]').closest('form').find('input[type="submit"]').click(function(){s=encodeURIComponent(unescape(jQuery(this).closest('form').find('input[name="search_keywords"]').val()));jQuery('#page-body').html('<iframe src="LINK_DA_PAGINA_DE_BUSCA_PERSONALIZADA" frameborder=0 width=100% height=1630 marginwidth=0 marginheight=0 allowtransparency=true scrolling=yes></iframe>');return false})});</code></dd></dl><br /><br /><br /><br /></td></tr></table><span class="postbody"><span style="font-size: 18px; line-height: normal"><strong><font color="#00a5cd">Resultado </font></strong></span><br /><div style="margin:auto;text-align:center;width:100%"><br /> <img src="http://i41.servimg.com/u/f41/17/41/76/40/rebus10.png" alt="" width="300" height="150" class="acende" /><br /></div><br /><hr /><br /><br /><span style="font-size: 18px; line-height: normal"><div style="margin:auto;text-align:center;width:100%">Desenvolvido por Luciano98 e Azure| © <a href="http://www.ajuda.forumeiros.com" target="_blank" rel="nofollow">Forumeiros</a><br />Editado e Postado por © <a href="#" target="_blank" rel="nofollow">Code Azure</a></div></span><br /><br /><table width="100%" style="border: 1px solid #000; background-color: #FDF5D7;background-image: url(http://illiweb.com/fa/pbucket.gif); padding-right: 15px; color: #000;" style="margin:auto" style="margin:auto;"><tr><strong>Atenção:</strong></tr><tr><td align="left"><img src="http://illiweb.com/fa/pbucket.gif" alt="" /></td><td align="left">Lembrando galera todos os tutoriais são testados sem ter nenhum outro código ativo, pois isso pode gerar incompatibilidade entre eles.<br /></td></tr></table><br /><div style="margin:auto;text-align:center;width:100%"><img src="http://illiweb.com/fa/pbucket.gif" alt="" /></div></div>


Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Criar caixa de busca

Mensagem por Legolass em 29/05/13, 12:46 pm

Obrigado, Crazy, mas parece que agora o google mudou esse endereço final do código que é citado no tutorial.

Veja o endereço que foi gerado:

Código:
www.google.com.br/cse/publicurl?cx=017853338423026134152:nsjy3j-mowm

Sabe como passar para lá?
avatar

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

Resolvido Re: Criar caixa de busca

Mensagem por MateusA em 29/05/13, 05:38 pm

Olá Piscada desculpe mais eu não sei mesmo comigo resultou antigamente não sei agora, Lamento.

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Criar caixa de busca

Mensagem por Legolass em 29/05/13, 09:50 pm

Valeu, obrigado. Se alguém souber fico no aguardo.
avatar

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

Resolvido Re: Criar caixa de busca

Mensagem por Shek em 30/05/13, 02:04 pm

Olá!

Cris, leia este tópico e veja se sua questão soluciona-se?
http://ajuda.forumeiros.com/t70067-pagina-de-busca-personalizada

Atenciosamente.


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17152
Pontos Ativos : 21412

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Criar caixa de busca

Mensagem por Legolass em 30/05/13, 02:41 pm

Muito obrigado Shek, resolveu!
avatar

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

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