Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Criar caixa de busca
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Criar caixa de busca
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
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 18:41, editado 1 vez(es)
Re: Criar caixa de busca
Olá! O fdf não da suporte a codigos JavaScripts externos aos nosso tutoriais no entanto como eu tinha o codigo vou lhe passar.
Até mais.
- 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="https://2img.net/h/i730.photobucket.com/albums/ww304/carlos-egg/codeazure/codigo10.png" alt="" /></td><td align="left"><img src="https://2img.net/h/i730.photobucket.com/albums/ww304/carlos-egg/codeazure/phpbb3.gif" alt="" /><img src="https://2img.net/h/i730.photobucket.com/albums/ww304/carlos-egg/codeazure/punbb.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="https://www.youtube.com/embed/OjMbSeD1dJI?feature=player_detailpage" frameborder="0" allowfullscreen></iframe><br /><a href="https://www.youtube.com/watch?feature=player_embedded&v=OjMbSeD1dJI" target="_blank" rel="nofollow">https://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="https://2img.net/h/i730.photobucket.com/albums/ww304/carlos-egg/codeazure/css.png" 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="https://2img.net/h/i730.photobucket.com/albums/ww304/carlos-egg/codeazure/java.png" alt="" /><br /><strong>Marcar:</strong><br /><img src="https://2img.net/h/i730.photobucket.com/albums/ww304/carlos-egg/codeazure/emtodasaspaginas.png" 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="https://i.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(https://2img.net/h/i730.photobucket.com/albums/ww304/carlos-egg/codeazure/spirale.png); padding-right: 15px; color: #000;" style="margin:auto" style="margin:auto;"><tr><strong>Atenção:</strong></tr><tr><td align="left"><img src="https://2img.net/h/i730.photobucket.com/albums/ww304/carlos-egg/codeazure/stop.png" 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="https://2img.net/h/i730.photobucket.com/albums/ww304/carlos-egg/codeazure/aviso10.png" alt="" /></div></div>
Até mais.
Re: Criar caixa de busca
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:
Sabe como passar para lá?
Veja o endereço que foi gerado:
- Código:
www.google.com.br/cse/publicurl?cx=017853338423026134152:nsjy3j-mowm
Sabe como passar para lá?
Re: Criar caixa de busca
Olá desculpe mais eu não sei mesmo comigo resultou antigamente não sei agora, Lamento.
Até mais.
Até mais.
Re: Criar caixa de busca
Olá!
Cris, leia este tópico e veja se sua questão soluciona-se?
https://ajuda.forumeiros.com/t70067-pagina-de-busca-personalizada
Atenciosamente.
Cris, leia este tópico e veja se sua questão soluciona-se?
https://ajuda.forumeiros.com/t70067-pagina-de-busca-personalizada
Atenciosamente.
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos