2012-03-20 11 views
1

私は、ウェブサイト上にAdSenseカスタム検索をインストールしました。ただし、AdSenseの検索設定内で、私はちょうどかどうかを確認するために#FFFFFFや他の色に境界線を設定しているGoogle CSEの結果の枠線を削除することはできますか?

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

:返される結果は、以下のCSSでそれぞれ1周りのグレー(#666666)の境界線を示しますそれは影響を与えます。私が国境のためにどの色を入力しても、同じ#666666が表示されているようです。指定した他の色はすべて適用されますが、境界は適用されません。

アイデア?

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

+1

「border-color:#FFF!important;」を試したことがありますか? ? – Turnip

+0

元の投稿に指定する必要がありますが、検索結果はGoogleのiframeにあります。 – Ryan

+1

いつでもjavascriptを使って変更することができます。 iframe内のコンテンツを編集できるはずです。 – xthexder

答えて

1

ボーダーカラーのような基本的なものはare customized through your Google control panelです。他のものはyour own CSS and JavaScriptでカスタマイズされています。

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

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

Here is the link to the Google code wizard.

More about the JavaScript API

<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> 
ごめんなさい私はちょうど6ヶ月前に使用した正確なリンクを見つけることができませんでした。 Google Developersのドキュメントは完全な混乱のようです。最後の数分で、私はいくつかの404のエラーと「廃止予定」と宣言されたページへのリンクを発見しました。 Googleの誰もが何かを証明しないのですか?

+0

ありがとうございました。あなたが私に提供したリソースで必要なものを見つけることができるはずです。 – Ryan

+1

あなたは大歓迎です。私のCSEページはボーダーレスなので、あなたのこともできます。 – Sparky

1

アドバンス設定パネルを検索するだけです。これを見てください。それは助けになった。 http://tutes.in/2012/09/10/how-to-remove-bluegray-border-in-google-custom-search-engine-cse-results/

+3

孤独なリンクはそれ自体無意味であり、ターゲットリソースは将来的には生きているとは保証されていないので、[貧弱な答えとみなされます](http://stackoverflow.com/faq#deletion)です。リンク先の情報の要約を少なくとも含めてください。 – j0k

関連する問題