personnaliser le script de la barre google

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 le Dim 19 Fév 2012 - 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
*****

Féminin
Messages : 815
Inscrit(e) le : 04/10/2007

http://www.mpagiemetapsychique.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 le Dim 19 Fév 2012 - 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

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 le Mer 22 Fév 2012 - 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
*****

Féminin
Messages : 815
Inscrit(e) le : 04/10/2007

http://www.mpagiemetapsychique.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 le Mer 22 Fév 2012 - 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
*****

Féminin
Messages : 815
Inscrit(e) le : 04/10/2007

http://www.mpagiemetapsychique.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


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