谷歌的搜索结果链接改变颜色

问题描述:

我越来越疯狂的改变,我们在工作中实现的定制的谷歌搜索的颜色......一直在研究了几个小时而已......谷歌的搜索结果链接改变颜色

我们使用这个:

<div id="search"> 
    <div id="results_007269481408127051346:b2b1fyxrklw"></div> 
</div> 
<script type="text/javascript"> 
    var googleSearchIframeName = "results_007269481408127051346:b2b1fyxrklw"; 
    var googleSearchFormName = "searchbox_007269481408127051346:b2b1fyxrklw"; 
    var googleSearchFrameWidth = 600;  
    var googleSearchFrameborder = 0; 
    var googleSearchDomain = "www.google.com"; 
    var googleSearchPath = "/cse"; 
    var googleSearchResizeIframe = true; 
</script> 
<script type="text/javascript" 
src="http://www.google.com/afsonline/show_afs_search.js"></script> 

你知道,如果那里有任何其他的变种,我可以添加到这些参数来改变蓝色和绿色,在搜索来默认?

非常感谢!

当您访问Google网站管理员工具,然后进入实验室>自定义搜索时,您可以配置新的搜索引擎。有4个选项卡,在第二个选项卡外观和感觉中,您可以自定义其外观。

应该产生这种样式表,并把这个在您的样式表应该修改其外观:)

<style type="text/css"> 
    .gsc-control-cse { 
    font-family: Verdana, sans-serif; 
    border-color: #FF0000; 
    background-color: #999999; 
    } 
    .gsc-control-cse .gsc-table-result { 
    font-family: Verdana, sans-serif; 
    } 
    input.gsc-input { 
    border-color: #FFFFCC; 
    } 
    input.gsc-search-button { 
    border-color: #999999; 
    background-color: #FFCC00; 
    } 
    .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: #000000; 
    background-color: #660000; 
    } 
    .gsc-webResult.gsc-result:hover, 
    .gsc-imageResult:hover { 
    border-color: #009900; 
    background-color: #CC33CC; 
    } 
    .gsc-webResult.gsc-result.gsc-promotion:hover { 
    border-color: #009900; 
    background-color: #CC33CC; 
    } 
    .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: #666666; 
    } 
    .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: #C0C0C0; 
    } 
    .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: #999999; 
    } 
    .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: #666666; 
    } 
    .gsc-cursor-page { 
    color: #666666; 
    } 
    a.gsc-trailing-more-results:link { 
    color: #666666; 
    } 
    .gs-webResult .gs-snippet, 
    .gs-imageResult .gs-snippet, 
    .gs-fileFormatType { 
    color: #CCCCCC; 
    } 
    .gs-webResult div.gs-visibleUrl, 
    .gs-imageResult div.gs-visibleUrl { 
    color: #330000; 
    } 
    .gs-webResult div.gs-visibleUrl-short { 
    color: #330000; 
    } 
    .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: #000000; 
    } 
    .gsc-results .gsc-cursor-box .gsc-cursor-page { 
    border-color: #E9E9E9; 
    background-color: #660000; 
    color: #666666; 
    } 
    .gsc-results .gsc-cursor-box .gsc-cursor-current-page { 
    border-color: #FF9900; 
    background-color: #FFFFFF; 
    color: #C0C0C0; 
    } 
    .gsc-webResult.gsc-result.gsc-promotion { 
    border-color: #336699; 
    background-color: #FFFFFF; 
    } 
    .gsc-completion-title { 
    color: #666666; 
    } 
    .gsc-completion-snippet { 
    color: #CCCCCC; 
    } 
    .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>