更改高度的谷歌加1按钮

我想知道如何更改谷歌+1按钮大小高（与气泡计数器上的按钮）的CSS。更改高度的谷歌加1按钮

默认设置为60像素，但我需要70像素

让我知道取悦

感谢

<!-- Place this tag where you want the +1 button to render --> 
<g:plusone size="tall"></g:plusone> 

<!-- Place this render call where appropriate --> 
<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>

来源

2012-01-26 Polemico

改变图像不能做得比他们已经允许什么其他要自定义的页面。

但是，您可以将10px的填充添加到围绕<g:plusone的div（或5px top 5px底部）的顶部或底部。通过这种方式，它将适合您的70px高内容区域，并且您可以对它进行顶部对齐，底部对齐或垂直对齐。我的示例中心是垂直的。

<div style="padding:5px 0;"> 
    <g:plusone size="tall"></g:plusone> 
</div>

来源

2012-01-27 22:33:52 DMCS

我知道这是旧的文章，不过，我是能够得到解决此问题在最现代的浏览器，通过使用iframe的父DIV的变换。显然，你需要对它进行统一的转换，以防止G +变形，所以如果元素变得太宽，数据宽度可能需要减小。

由于大部分时间div都将显示为行内块，因此将转换原点设置在底部的某处可以防止大部分对齐问题。

然后，您只需在对面添加一些额外的边距以抵消其新大尺寸，防止其与其他项目重叠，并确保其与页面上的其他元素垂直对齐。

/* ID provided by Google in my example matches this format */ 
div[id^="___plusone_"] { 
    /* Cross browser support for transform */ 
    -moz-transform: scale(1.5); 
    -webkit-transform: scale(1.5); 
    -o-transform: scale(1.5); 
    -ms-transform: scale(1.5); 
    transform: scale(1.5); 

    /* Cross browser support for transform origin */ 
    -moz-transform-origin: bottom left; 
    -webkit-transform-origin: bottom left; 
    -o-transform-origin: bottom left; 
    -ms-transform-origin: bottom left; 
    transform-origin: bottom left; 

    /* Margin right is used here since origin is set to bottom left */ 
    margin-right: 10px; 
}

来源

2016-04-27 07:37:45

更改高度的谷歌加1按钮

回答

相关问题