2012-03-20 2 views
1

웹 사이트에 애드 센스를 통해 Google 맞춤 검색을 설치했습니다. 애드 센스 검색 설정 안에, 내가 #FFFFFF에 경계를 설정하고 다른 색상은 있는지,Google CSE 결과에서 테두리를 제거 할 수 있습니까?

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

그러나 : 반환되는 결과는 다음과 CSS와 함께, 각각의 주위에 회색 (#666666)의 경계를 표시 그것은 영향을 미칠 것이다. 국경을 위해 내가 어떤 색을 입력했는지 상관없이, 같은 #666666가 표시됩니다. 내가 지정한 다른 모든 색상이 적용되지만 경계는 적용되지 않습니다.

아이디어가 있으십니까?

편집 : 검색 결과는 iframe에 있으므로 CSS에 액세스 할 수 없습니다.

+1

"border-color : #FFF! important;"시도해 보셨습니까? ? – Turnip

+0

원래 게시물에 지정 했어야하지만 검색 결과는 Google의 iframe에 있습니다. – Ryan

+1

언제든지 자바 스크립트로 들어가서 변경할 수 있습니다. 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 개발자 문서는 이제 완전히 엉망진창 인 것 같습니다. 지난 몇 분 동안 404 개의 오류와 "deprecated"로 선언 된 페이지로 연결되는 링크를 발견했습니다. Google의 아무도 아무 것도 읽지 않습니까?

+0

시간을내어 함께 해 주셔서 감사합니다. 내가 제공 한 리소스로 필요한 것을 찾을 수 있어야합니다. – Ryan

+1

당신은 행운을 환영합니다. 나의 CSE 페이지는 경계가 없으므로 귀하도 귀하의 것이 될 수 있습니다. – Sparky

관련 문제