谷歌的搜索結果鏈接改變顏色

Question

我越來越瘋狂的改變，我們在工作中實現的定製的谷歌搜索的顏色......一直在研究了幾個小時而已......

我們使用這個：

<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> 

你知道，如果那裏有任何其他的變種，我可以添加到這些參數來改變藍色和綠色，在搜索來默認？

非常感謝！

Answer 1

當您訪問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>