我產生了我的頁面Google+ badge。更改Google+標誌風格
事情是，它只有2個主題（光明和黑暗），它不適合我的網站。
我想刪除灰色邊框，使背景透明。
Google提供的代碼基本上包含一個帶有API的js文件，然後將IFrame附加到帶有徽章的頁面。
因此，我無法更改IFrame的CSS，因爲src的域與我的域不是同一個域。
我似乎無法找到任何記錄的方式來定製徽章風格。
但是，我遇到了Android website，並注意到他們有相同的徽章，但設法刪除背景和邊框。在深入瞭解Android的頁面源代碼之後，我發現他們使用與我一樣的API並使用相同的標記來包含徽章。
有誰知道他們是如何定製呢？
看看android.com上的<a href="//plus.google.com/104629412415657030658" id="page-badge-border"></a>的造型。它有一個白色邊框，覆蓋徽章的灰色邊框。
謝謝，當我看到源代碼時，我錯過了。我想世界上沒有辦法改變的背景的話，因爲他們在做什麼是basicly覆蓋邊框與其他元素... – 2012-03-08 22:45:37
沒有爲背景色的開放功能要求：http://bugpl.us/162 – abraham 2012-03-08 22:52:09
該鏈接對我來說不起作用，但我猜你是指這個[問題]（http://code.google.com/p/google-plus-platform/issues/detail?id=162）。像添加「背景：透明」這種簡單的功能是一種恥辱。風格尚未實現... – 2012-03-08 23:11:29
共識在線似乎是更改背景是不可能的。
的邊界，但是......在這個網站上的答案爲我工作： http://www.daddydesign.com/wordpress/how-to-customize-your-google-page-badge/
您後添加此腳本了谷歌提供的DIV的徽章：
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
然後將這些樣式添加到標題中：
#googleplus_widget{
width: 318px; /*two pixels LESS than badge width */
height: 362px; /*two pixels LESS than badge height */
/*float: left;*//*I replaced this with three lines below, which center the badge*/
position:absolute;
left:0;right:0;
margin:0px auto 0px auto;
}
#googleplus_widget span{
width: 318px; /*two pixels LESS than badge width */
height: 362px; /*two pixels LESS than badge height */
float: left;
overflow: hidden;
background: #fff;
}
#googleplus_widget span div{
margin: -1px 0 0 -1px !important;
position: relative;
}
寬度和高度屬性應該是兩個像素少比你的徽章的寬度和高度。
這是一個非常漂亮和乾淨的解決方案，因爲你不必擔心定位的邊框隱藏它們之上的其他要素，這意味着實際徽章的尺寸是你在頁面上看到的。
您應該鏈接到相關網站。 – Kraz 2012-03-08 22:01:28