我产生了我的页面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