1

Adsense を介して Web サイトに Google カスタム検索をインストールしました。返される結果には#666666、次の CSS を使用して、それぞれの周りにグレー ( ) の境界線が表示されます。

.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
      border-color: #666;
      background-color: white;
}

ただし、AdSense の検索設定内で、効果がある#FFFFFFかどうかを確認するために、境界線を および他の色に設定しました。ボーダーに何色を入力しても同じ#666666ように表示されます。指定した他のすべての色が適用されますが、境界線は適用されません。

何か案は？

編集:検索結果は iframe にあるため、CSS にアクセスできません。

4

2 に答える 2

1

境界線の色などの基本的なものは、Googleのコントロールパネルからカスタマイズできます。その他のものは、独自のCSSとJavaScriptでカスタマイズされます。

http://code.google.com/apis/customsearch/docs/ui.html

次のコードはbody、結果が表示される結果ページのに挿入されます...

<div id="cse" style="width: 100%;">Loading</div>
<script src="//www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript"> 
    function parseQueryFromUrl () {
        var queryParamName = "q";
        var search = window.location.search.substr(1);
        var parts = search.split('&');
        for (var i = 0; i < parts.length; i++) {
            var keyvaluepair = parts[i].split('=');
            if (decodeURIComponent(keyvaluepair[0]) == queryParamName) {
                return decodeURIComponent(keyvaluepair[1].replace(/\+/g, ' '));
            }
        }
     return '';
     }
     google.load('search', '1', {language : 'en'});
     google.setOnLoadCallback(function() {
        var customSearchControl = new google.search.CustomSearchControl(' /* my google api key */ ');
        customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
        var options = new google.search.DrawOptions();
        options.enableSearchResultsOnly(); 
        customSearchControl.draw('cse', options);
        var queryFromUrl = parseQueryFromUrl();
        if (queryFromUrl) {
                customSearchControl.execute(queryFromUrl);
        }
    }, true);
</script>

これがGoogleコードウィザードへのリンクです。

JavaScriptAPIの詳細

ちょうど6か月前に使用した正確なリンクが見つかりませんでした。Google Developersのドキュメントは、今では完全に混乱しているようです。過去数分間で、「非推奨」と宣言されたページへの404エラーとリンクがいくつか見つかりました。Googleの誰もが何かを校正していませんか？

于 2012-03-20T21:58:16.467 に答える
1

詳細設定パネルを見つけるだけです。これを見てください。それは役に立ちました。 http://tutes.in/2012/09/10/how-to-remove-bluegray-border-in-google-custom-search-engine-cse-results/

于 2012-09-10T05:19:15.697 に答える