2012-03-20 4 views
1

Я установил Google Custom Search через Adsense на веб-сайте. Результаты, возвращаемые показывают серый (#666666) границы вокруг каждого из них, с помощью следующего CSS:Можно ли удалить границу с результатов Google CSE?

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

Однако внутри установки поиска AdSense, я установить границу #FFFFFF и другие цвета просто чтобы увидеть, если это повлияет. Кажется, что независимо от того, какой цвет я вводил для границы, отображается тот же #666666. Все остальные цвета, которые я указываю, применяются, но не границы.

Любые идеи?

Редактировать: Результаты поиска представлены в iframe, поэтому у меня нет доступа к CSS.

+1

Вы пробовали «border-color: #FFF! Important;» ? – Turnip

+0

Я должен был указать в исходном посте, но результаты поиска находятся в iframe из Google. – 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 на странице результатов, в котором отображаются результаты ...

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

Here is the link to the Google code wizard.

More about the JavaScript API

Я сожалею Я не мог найти точные ссылки, которые я использовал всего полгода назад. Документация 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

Смежные вопросы