Página de busca personalizada

Eu gostaria de saber qual o código foi utilizado para fazer essa pagina de busca!

---

Fórum: http://www.code.azureforum.com/ (punBB)

OBS: desconsiderar o codigo de tutorial

Poderia ser mais especifico?

O meu deus o desenho é auto explicativo (mais ou menos) porém eu não sei nem se você vai ajudar mas enfim.
Quando você realiza uma pesquisa aqui Ajuda.forumeiros ele te direciona para essa pagina que está no print aonde fica o resultado da pesquisa, o que eu quero é esse código não importa a versão que o código funcione!

Olá, para isso não se usa códigos, quando você escreve alguma coisa no buscar e coloca ele para buscar ele redireciona para a página, mas você quer é com as imagens?

Até mais

quando eu pesquiso no meu fórum eu quero esse efeito!

Com as fotos?

Quando eu realizo um pesquiso no meu fórum ele aparece assim




eu quero que ele fique assim

Vou dar uma pesquisada aqui.

Até mais

Olá amigo,

Isso é uma página de busca personalizada do google.com. Façamos o seguinte, aceda em:
Painel Módulos HTML & JAVASCRIPT :Seta: Gestão das páginas HTML Criar nova página HTML Em código HTML, coloque:

Código:


<div id="cse" style="width: 100%;">
<center><img src="http://2img.net/i/fa/admin/wait_preview.gif"><br><span style="font-size: 2em; color:#00A4CD;">Buscando...</span></div>
<script src="http://www.google.com.br/jsapi" type="text/javascript"></script>
<script type="text/javascript">
  google.load('search', '1', {language : 'pt-BR', style : google.loader.themes.V2_DEFAULT});
  google.setOnLoadCallback(function() {
    var customSearchOptions = {};
    var orderByOptions = {};
    orderByOptions['keys'] = [{label: 'Relevância', key: ''},{label: 'Data', key: 'date'}];
    customSearchOptions['enableOrderBy'] = true;
    customSearchOptions['orderByOptions'] = orderByOptions;
    var imageSearchOptions = {};
    imageSearchOptions['layout'] = google.search.ImageSearch.LAYOUT_POPUP;
    customSearchOptions['enableImageSearch'] = true;
    customSearchOptions['imageSearchOptions'] = imageSearchOptions;  var customSearchControl = new google.search.CustomSearchControl(
      '009229240690915163236:k3xf_fjjffo', customSearchOptions);
    customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
    var options = new google.search.DrawOptions();
    options.enableSearchResultsOnly();
    customSearchControl.draw('cse', options);
    function parseParamsFromUrl() {
      var params = {};
      var parts = window.location.search.substr(1).split('\x26');
      for (var i = 0; i < parts.length; i++) {
        var keyValuePair = parts[i].split('=');
        var key = decodeURIComponent(keyValuePair[0]);
        params[key] = keyValuePair[1] ?
            decodeURIComponent(keyValuePair[1].replace(/\+/g, ' ')) :
            keyValuePair[1];
      }
      return params;
    }

    var urlParams = parseParamsFromUrl();
    var queryParamName = "search_for";
    if (urlParams[queryParamName]) {
      customSearchControl.execute(urlParams[queryParamName]);
    }
  }, true);
</script>

<style type="text/css">
  .gsc-control-cse {
    font-family: Verdana, sans-serif;
    border-color: transparent;
    background-color: #FFFFFF;
  }
  .gsc-control-cse .gsc-table-result {
    font-family: Verdana, sans-serif;
  }
  .gsc-tabHeader.gsc-tabhInactive {
    background-color: rgb(229, 241, 249);
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-color: rgb(202, 220, 235);
    background-color: rgb(202, 220, 235);
  }
  .gsc-tabsArea {
    border-color: #f4f4f4;
  }
  .gsc-webResult.gsc-result,
  .gsc-results .gsc-imageResult {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result:hover,
  .gsc-imageResult:hover {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b,
  .gs-imageResult a.gs-title:link,
  .gs-imageResult a.gs-title:link b {
    color: #0372BE;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b,
  .gs-imageResult a.gs-title:visited,
  .gs-imageResult a.gs-title:visited b {
    color: #00A4CD;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b,
  .gs-imageResult a.gs-title:hover,
  .gs-imageResult a.gs-title:hover b {
    color: #86b125;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b,
  .gs-imageResult a.gs-title:active,
  .gs-imageResult a.gs-title:active b {
    color: #0372BE;
  }
  .gsc-cursor-page {
    color: #0372BE;
  }
  a.gsc-trailing-more-results:link {
    color: #0372BE;
  }
  .gs-webResult .gs-snippet,
  .gs-imageResult .gs-snippet,
  .gs-fileFormatType {
    color: #666666;
  }
  .gs-webResult div.gs-visibleUrl,
  .gs-imageResult div.gs-visibleUrl {
    color: #86b125;
  }
  .gs-webResult div.gs-visibleUrl-short {
    color: #86b125;
  }
  .gs-webResult div.gs-visibleUrl-short {
    display: none;
  }
  .gs-webResult div.gs-visibleUrl-long {
    display: block;
  }
  .gs-promotion div.gs-visibleUrl-short {
    display: block;
  }
  .gs-promotion div.gs-visibleUrl-long {
    display: none;
  }
  .gsc-cursor-box {
    border-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-color: #f4f4f4;
    background-color: #FFFFFF;
    color: #0372BE;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    border-color: #f4f4f4;
    background-color: #f4f4f4;
    color: #00A4CD;
  }
  .gsc-webResult.gsc-result.gsc-promotion {
    border-color: #336699;
    background-color: #FFFFFF;
  }
  .gsc-completion-title {
    color: #0372BE;
  }
  .gsc-completion-snippet {
    color: #666666;
  }
  .gs-promotion a.gs-title:link,
  .gs-promotion a.gs-title:link *,
  .gs-promotion .gs-snippet a:link {
    color: #1155CC;
  }
  .gs-promotion a.gs-title:visited,
  .gs-promotion a.gs-title:visited *,
  .gs-promotion .gs-snippet a:visited {
    color: #1155CC;
  }
  .gs-promotion a.gs-title:hover,
  .gs-promotion a.gs-title:hover *,
  .gs-promotion .gs-snippet a:hover {
    color: #1155CC;
  }
  .gs-promotion a.gs-title:active,
  .gs-promotion a.gs-title:active *,
  .gs-promotion .gs-snippet a:active {
    color: #1155CC;
  }
  .gs-promotion .gs-snippet,
  .gs-promotion .gs-title .gs-promotion-title-right,
  .gs-promotion .gs-title .gs-promotion-title-right *  {
    color: #333333;
  }
  .gs-promotion .gs-visibleUrl,
  .gs-promotion .gs-visibleUrl-short {
    color: #009933;
  }

.gsc-refinementhActive,
.gsc-refinementhActive a  {
color: #86B125 !important;
border-color: #86B125 !important;

.gs-title {
text-decoration:none !important;
}</style>


Logo após aceda em:
Painel Módulos HTML & JAVASCRIPT :Seta: Gestão dos códigos Javascript Criar um novo javascript Marque em "Todas as páginas" e coloque o seguinte código:

$(function() {
$('#search-box form').attr('action', '/hY-');
$('#search-box form input[type=text]').attr('name', 'search_for');
});

Troque "Y" pelo número da página HTML criada no primeiro passo. Por exemplo "h9-".

Até mais!

Não funcionou XD

Fiz exatamente como vc mando ate mudei a versão mas não funcionou!

Olá!
Tente este código JavaScript:

Código:

$(function() {
$('#search-box form').attr('action', '/h8-');
$('#search-box form input[type=text]').attr('name', 'search_for');
});

O senhor colocou "8" corretamente? Não modifique o código, coloque do jeito que está, marque "Em todas as páginas" e Salve!

Até mais!

BrunoH. escreveu:Olá!
Tente este código JavaScript:

Código:

$(function() {
$('#search-box form').attr('action', '/h8-');
$('#search-box form input[type=text]').attr('name', 'search_for');
});

O senhor colocou "8" corretamente? Não modifique o código, coloque do jeito que está, marque "Em todas as páginas" e Salve!

Até mais!

fiz extamente como voce mando o código está ativo aqui
http://code.azureforum.com/35298.js
http://code.azureforum.com/h8-
e não funcionou ! poderia me ajudar?

Eu testei até em outras versões mas não tive sucesso também!

Troque o código Java Script pelo abaixo:

Código:

$(function() {
$("#search-box").attr('action', '/hY-');
$("#search-box form input[type=text]").attr("name", "search_for");
});

Até mais.

Não funcionou!

up

Olá,

Tente o código que eu passei por este:

$(function() {
$("#search-box form").attr("action", "/hY-");
$("#search-box form input[type=text]").attr("name", "search_for");
});

É tente o jeito que o Cream disse.

Até mais.

tentei novamente com o código que o senhor forneceu porem não funcionou também!

Vocês chegaram a testar o código ?
Porque eu já testei todos os códigos e todas as versões sem sucesso!

$(function() {
$("#search-box form").attr("action", "/hf-");
$("#search-box form input[type=text]").attr("name", "search_for");
});

tente este

Olá,

Sim testamos! E deu exito! O senhor tem muitos códigos java scripts em teu fórum? Teste apenas o passo pelo Cream.

Eu testei num fórum sem códigos!

Olá,

Tente novamente o jeito que o senhor Cream disse:

Spoiler:

Eu já fiz tudo isso que o senhor mandou eu passei o login e a senha do meu fórum de teste para o você ver aonde eu estou errando!

up

up

up

up

Olá!

Utilize esse código Javascript (já está adaptado para sua versão):

Código:

jQuery(document).ready(function(){jQuery('input[name="search_keywords"]').closest('form').find('input[type="submit"]').click(function(){s=encodeURIComponent(unescape(jQuery('#page-header #search-box input#keywords').val()));jQuery('#page-body').html('<iframe src="http://google.com/cse?cx=partner-pub-4591355146850004%3A5829051292&cof=FORID%3A10&ie=UTF-8&q='+s+'&siteurl=ajuda.forumeiros.com%2F%3Fq%3D'+s+'&ref=&ad=n9&num=10" frameborder=0 width=100% height=1630 marginwidth=0 marginheight=0 allowtransparency=true scrolling=yes></iframe>');return false})});

Até mais.

Ele funcionou mais ou menos pois ao realizar a busca ele procurou a informação aqui no ajuda.forumeiros.com e não no meu fórum como eu gostaria e o titulo da busca ficou como: undefined e eu acredito que ele não reconheceu o texto que eu digitei!


https://i.servimg.com/u/f41/17/41/76/40/busca10.png

Olá!

Substitua por esse código:

Código:

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="http://google.com/cse?cx=partner-pub-4591355146850004%3A5829051292&cof=FORID%3A10&ie=UTF-8&q='+s+'&siteurl='+location.host+'%2F%3Fq%3D'+s+'&ref=&ad=n9&num=10" frameborder=0 width=100% height=1630 marginwidth=0 marginheight=0 allowtransparency=true scrolling=yes></iframe>');return false})});

Até mais.

estou tentando fazer o mesmo em meu fórum(ele é phpbb3).

Como faço?

peq42 escreveu:estou tentando fazer o mesmo em meu fórum(ele é phpbb3).

Como faço?

Utilize esse mesmo código que eu passei ao autor do tópico.

Até mais.

Sem resultados Luciano

Ele parou de dar erro undefined porém ele ainda continua realizando as buscas no ajuda.forumeiros.com

eu descobri que para realizar a pesquisa no seu proprio forum e necessario ser cadastrado aqui porem eu não estou conseguindo fazer uma varial de pesquisa

o pesquisa do ajuda forum
http://www.google.com/cse/home?cx=partner-pub-4591355146850004%3A5829051292&cof=


o pesquisa do meu forum
http://www.google.com/cse/home?cx=015825730752580462541:nvu8enq3mum

me da uma força de como fazer essa variavel por favor

E galera esse tópcio eh meu se voces quiserem saber como funciona sugiro que criem o tópcio de voces!

up

up

UP ai também

Luciano como tiro esse cabeçalho ?

Olá!
Aceda a "Folha de Estilo CSS":

Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS

Código:

Código:

form.gsc-search-box {display: none;}
#cse-logo {display: none;}

e Valide!

Até mais!

Style faz o seguinte se cadastra nesse site

http://www.google.com/cse/manage/all

E crie uma busca qualquer
ao realizar essa busca copie a url
e procure esse trexo na url

UTF-8&q=

depois de localizar essa parte apague todo o conteúdo e adicione o seguinte
código depois "=" (depois do carácter em vermelho)

Código:

&cof=FORID%3A10&ie=UTF-8&q='+s+'&siteurl='+location.host+'%2F%3Fq%3D'+s+'&ref=&ad=n9&num=10

então o seu código ficara assim

Código:


http://www.google.com/cse?cx=015825730752580462541%3Aqtk4hsgmwwu&ie=UTF-8&q=&cof=FORID%3A10&ie=UTF-8&q='+s+'&siteurl='+location.host+'%2F%3Fq%3D'+s+'&ref=&ad=n9&num=10

Adicone esse código no seu css

Código:

input.gsc-input {
    background-image: none !important;
}

Sem resultado bruno acredito que é alguma configuração no google vou esperar o luciano me ajudar

Olá!

Acabei de testar esse código e ele fez a busca no seu fórum sem mostrar o cabeçalho:

Código:

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="http://google.com/cse?cx=partner-pub-4591355146850004%3A5829051292&cof=FORID%3A10&ie=UTF-8&q='+s+'&siteurl='+location.host+'%2F%3Fq%3D'+s+'&ref=&ad=n9&num=10" frameborder=0 width=100% height=1630 marginwidth=0 marginheight=0 allowtransparency=true scrolling=yes></iframe>');return false})});

Caso haja outro problema é só dizer.

Até mais.

Por mim pode dar o tópico como resolvido porem antes de fechar deixa ver se o StyLe® ver resolveu o problema dele tbm!