personnaliser le script de la barre google
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
personnaliser le script de la barre google
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:
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>
Re: personnaliser le script de la barre google
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
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
Re: personnaliser le script de la barre google
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
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
Re: personnaliser le script de la barre google
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
Bon à savoir pour les prochains curieux, il suffit de remplacer votre "couleur du texte" dans image et couleurs > couleurs
Sujets similaires
» Personnaliser la barre de recherche Google
» Personnaliser l'apparence d'un script /flux RSS
» Problème script Google analytics en PWA
» Personnaliser la barre de navigation
» Problème de script pour google search
» Personnaliser l'apparence d'un script /flux RSS
» Problème script Google analytics en PWA
» Personnaliser la barre de navigation
» Problème de script pour google search
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum