[Résolu] aide pour integrer google custom search dans la barre de nav (Créer un compte)

  • Statut : non résolu
  • Ce sujet contient 17 réponses, 2 participants et a été mis à jour pour la dernière fois par Anonyme, le il y a 7 années et 3 mois.
15 sujets de 1 à 15 (sur un total de 18)
  • Auteur
    Messages
  • #525409
    gyom
    Participant
    Padawan WordPress
    52 contributions

    Bonjour,

    wordpress 3.5.1

    moderno :

    ovh :
    http://www.ilichoc.fr :

    Problème(s) rencontré(s) :

    bonjour,
    je souhaite integrer l’outil google custom search dans ma barre de navigation (menu).
    J’ai inséré le code dans le header. Le probleme : je n’arrive pas à régler la taille du formulaire de recherche et du coup il me cause des problemes graphiques dans mon menu, cf : http://www.ilichoc.fr
    Merci à tous pour votre aide

    #898740
    gyom
    Participant
    Padawan WordPress
    52 contributions

    voici le code du formulaire google :

    <div id='cse' style='width: 100%'>Loading</div>
    
    
    google.load(‘search’, ‘1’, {language: ‘fr’, style: google.loader.themes.V2_DEFAULT});
    google.setOnLoadCallback(function() {
      var customSearchOptions = {};
      var orderByOptions = {};
      orderByOptions[‘keys’] = [{label: ‘Relevance’, key: ”} , {label: ‘Date’, key: ‘date’}];
      customSearchOptions[‘enableOrderBy’] = true;
      customSearchOptions[‘orderByOptions’] = orderByOptions;
      customSearchOptions[‘overlayResults’] = true;
      var customSearchControl =   new google.search.CustomSearchControl(‘002301702874109996291:f1pqjofojli’, customSearchOptions);
      customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
      var options = new google.search.DrawOptions();
      options.setAutoComplete(true);
      customSearchControl.draw(‘cse’, options);
    }, true);
    
    
      .gsc-control-cse {
        font-family: Arial, sans-serif;
        border-color: #FAAF3A;
        background-color: #FFFFFF;
      }
      .gsc-control-cse .gsc-table-result {
        font-family: Arial, sans-serif;
      }
      input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
        border-color: #FBB03B;
      }
      input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
        border-color: #FBB03B;
        background-color: #1F7C3A;
        background-image: none;
        filter: none;
    
      }
      .gsc-tabHeader.gsc-tabhInactive {
        border-color: #FF9900;
        background-color: #FFFFFF;
      }
      .gsc-tabHeader.gsc-tabhActive {
        border-color: #E9E9E9;
        background-color: #E9E9E9;
        border-bottom-color: #FF9900
      }
      .gsc-tabsArea {
        border-color: #FF9900;
      }
      .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: #0000CC;
      }
      .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: #0000CC;
      }
      .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: #0000CC;
      }
      .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: #0000CC;
      }
      .gsc-cursor-page {
        color: #0000CC;
      }
      a.gsc-trailing-more-results:link {
        color: #0000CC;
      }
      .gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
        color: #000000;
      }
      .gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {
        color: #008000;
      }
      .gs-webResult div.gs-visibleUrl-short {
        color: #008000;
      }
      .gs-webResult div.gs-visibleUrl-short  {
        display: none;
      }
      .gs-webResult div.gs-visibleUrl-long {
        display: block;
      }
      .gs-promotion div.gs-visibleUrl-short {
        display: none;
      }
      .gs-promotion div.gs-visibleUrl-long  {
        display: block;
      }
      .gsc-cursor-box {
        border-color: #FFFFFF;
      }
      .gsc-results .gsc-cursor-box .gsc-cursor-page {
        border-color: #E9E9E9;
        background-color: #FFFFFF;
        color: #0000CC;
      }
      .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
        border-color: #FF9900;
        background-color: #FFFFFF;
        color: #0000CC;
      }
      .gsc-webResult.gsc-result.gsc-promotion {
        border-color: #336699;
        background-color: #FFFFFF;
      }
      .gsc-completion-title {
        color: #0000CC;
      }
      .gsc-completion-snippet {
        color: #000000;
      }
      .gs-promotion a.gs-title:link,.gs-promotion a.gs-title:link *,.gs-promotion .gs-snippet a:link  {
        color: #0000CC;
      }
      .gs-promotion a.gs-title:visited,.gs-promotion a.gs-title:visited *,.gs-promotion .gs-snippet a:visited {
        color: #0000CC;
      }
      .gs-promotion a.gs-title:hover,.gs-promotion a.gs-title:hover *,.gs-promotion .gs-snippet a:hover  {
        color: #0000CC;
      }
      .gs-promotion a.gs-title:active,.gs-promotion a.gs-title:active *,.gs-promotion .gs-snippet a:active {
        color: #0000CC;
      }
      .gs-promotion .gs-snippet, .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right * {
        color: #000000;
      }
      .gs-promotion .gs-visibleUrl,.gs-promotion .gs-visibleUrl-short  {
        color: #008000;
      }

    #898741
    Anonyme
    Invité
    Maître WordPress
    34099 contributions

    Ce message a été supprimé suite à la demande de l’auteur.

    #898742
    gyom
    Participant
    Padawan WordPress
    52 contributions

    Le problème c’est que j’ai aussi essayé avec un widget texte…ça marche effectivement mais je n’ai aucune possibilité de le mettre dans la barre de nav, ou proche de la barre de nav

    #898743
    Anonyme
    Invité
    Maître WordPress
    34099 contributions

    Ce message a été supprimé suite à la demande de l’auteur.

    #898744
    gyom
    Participant
    Padawan WordPress
    52 contributions

    ok desolé pour le code 😉!
    mon theme est un theme de themeforest, payant,
    voici une copie d’ecran au sujet des widgets dispos :
    widget.png

    #898745
    Anonyme
    Invité
    Maître WordPress
    34099 contributions

    Ce message a été supprimé suite à la demande de l’auteur.

    #898746
    gyom
    Participant
    Padawan WordPress
    52 contributions

    je viens de tester, ça n’a rien donné…je me disais sinon, ne serait ce pas possible de modifier le code de ce plugin : http://wordpress.org/plugins/search-box-on-navigation-menu/

    et remplacer seulement par les elements du google cse?
    merci

    #898747
    Anonyme
    Invité
    Maître WordPress
    34099 contributions

    Ce message a été supprimé suite à la demande de l’auteur.

    #898748
    Anonyme
    Invité
    Maître WordPress
    34099 contributions

    Ce message a été supprimé suite à la demande de l’auteur.

    #898749
    gyom
    Participant
    Padawan WordPress
    52 contributions

    oui oui j’avais testé ça marche mais moi ce que j’aimerais c’est que le google cse se mette pile poil dans la barre de nav, comme pour l’outil de recherche wordpress : http://wordpress.org/plugins/search-box … tion-menu/

    #898750
    Anonyme
    Invité
    Maître WordPress
    34099 contributions

    Ce message a été supprimé suite à la demande de l’auteur.

    #898751
    gyom
    Participant
    Padawan WordPress
    52 contributions

    oui oui je suis aussi tombé sur cette page, mais comment parametrer cette fonction pour google cse?

    #898752
    Anonyme
    Invité
    Maître WordPress
    34099 contributions

    Ce message a été supprimé suite à la demande de l’auteur.

    #898753
    gyom
    Participant
    Padawan WordPress
    52 contributions

    ok merci beaucoup en tout cas

15 sujets de 1 à 15 (sur un total de 18)
  • Vous devez être connecté pour répondre à ce sujet.