1

我已经通过 Adsense 在网站上安装了 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

一些基本的东西,比如边框颜色是通过你的谷歌控制面板定制的。其他的东西是用你自己的 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 代码向导的链接。

更多关于 JavaScript API

很抱歉,我找不到六个月前使用的确切链接。Google Developers 文档现在似乎是一团糟。在过去的几分钟里,我发现了几个 404 错误和指向声明为“已弃用”的页面的链接。谷歌没有人校对任何东西吗?

于 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 回答