personnaliser le script de la barre google

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu personnaliser le script de la barre google

Message par chinche Dim 19 Fév - 11:56

Bonjour, j'ai voulu intégrer une barre de recherche goocgle à mon forum.
J'ai compris comment modifier la couleur des liens, le tour de la boite, mais le problème c'est que quand on tape un texte dans la barre de recherche, il apparait blanc sur fond blanc donc invisible.
J'ai tenté d'ajouter la variable font-color:#000000
mais ça n'a rien changé.
Voici le code original:
Code:
<div id="cse" style="width: 100%;">Loading</div>
<script src="https://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
  google.load('search', '1', {language : 'fr'});
  google.setOnLoadCallback(function() {
    var customSearchOptions = {};  var customSearchControl = new google.search.CustomSearchControl(
      '004054817411348864047:WMX1697320305', customSearchOptions);
    customSearchControl.setResultSetSize(google.search.Search.LARGE_RESULTSET);
    var options = new google.search.DrawOptions();
    options.setAutoComplete(true);
    customSearchControl.draw('cse', options);
  }, true);
</script>
<link rel="stylesheet" href="https://www.google.com/cse/style/look/default.css" type="text/css" />
<style type="text/css">
  .gsc-control-cse {
    font-family: Arial, sans-serif;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  input.gsc-input {
    border-color: #BCCDF0;
  }
  input.gsc-search-button {
    border-color: #CECECE;
    background-color: #CECECE;
  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #E9E9E9;
    background-color: #E9E9E9;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-top-color: #FF9900;
    border-left-color: #E9E9E9;
    border-right-color: #E9E9E9;
    background-color: #FFFFFF;
  }
  .gsc-tabsArea {
    border-color: #E9E9E9;
  }
  .gsc-webResult.gsc-result,
  .gsc-results .gsc-imageResult {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result:hover,
  .gsc-webResult.gsc-result.gsc-promotion: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;
  }
</style>
chinche

chinche
*****

Autre / Ne pas divulguer
Messages : 815
Inscrit(e) le : 04/10/2007

http://www.magiemetapsychique.org
chinche a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnaliser le script de la barre google

Message par enum Dim 19 Fév - 19:42

bonjour,


font-color ça ne fait rien, c'est color tout seul qui détermine la couleur du texte

ils n'ont même pas un générateur qui permet de choisir les couleurs sur https://www.google.com/jsapi ?

sinon donc dans le code css, y'a que des couleurs noires donc bizarre que ce soit blanc
avatar

enum
*

Messages : 47
Inscrit(e) le : 19/02/2012

enum a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnaliser le script de la barre google

Message par chinche Mer 22 Fév - 22:56

Bah non, rien du tout, un ami m'a dit que ça pouvait venir de mes feuilles css modifiées.
Sinon, je vais vérifier que le fond du forum n'est pas blanc, car ça pourrait venir de l'outil google qui apparait transparent sur fond blanc avec une écriture blanche O_o
chinche

chinche
*****

Autre / Ne pas divulguer
Messages : 815
Inscrit(e) le : 04/10/2007

http://www.magiemetapsychique.org
chinche a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnaliser le script de la barre google

Message par chinche Mer 22 Fév - 23:01

Problème résolu, la couleur de base de mon texte de forum est le blanc, et google s'adapte en prenant la même couleur.

Bon à savoir pour les prochains curieux, il suffit de remplacer votre "couleur du texte" dans image et couleurs > couleurs
chinche

chinche
*****

Autre / Ne pas divulguer
Messages : 815
Inscrit(e) le : 04/10/2007

http://www.magiemetapsychique.org
chinche a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum