Google +1按钮的动态CSS填充

时间:2011-10-02 00:51:47

标签: css google-plus-one

我的网站上有几个Google +1按钮,当点击按钮一定次数时,页面上的加号按钮变宽,因此移出其给定的空间。我怎么能阻止这种动态发生?

按钮的CSS代码如下:

.news-plusone { 
    float: right;
    margin: 2px -20px 0 10px;
}

边距中的第二个参数是需要动态更改的参数。

示例:http://www.nblackburn.me/index.php?section=news

我的网站上的这一段HTML中包含了+1按钮(此处格式化为删除滚动):

<span class="news-plusone">
 <g:plusone size="small" href="http://example.com/"></g:plusone>
</span>

2 个答案:

答案 0 :(得分:0)

  

发布商不得更改或混淆+1按钮和发布商   可能无法将+1按钮与广告内容相关联,例如   将+1按钮放在广告上或附近,或放置广告   共享内容,除非Google授权这样做。出版商也   可能不会在共享内容中放置任何文本,图像或其他内容   违反了Google+项目的用户内容和行为政策。

+1 button policy

但是,如果您只是更改按钮的位置,那么可能会显示一个示例有助于澄清您的问题。

答案 1 :(得分:0)

您可以选择Google +1按钮格式。几天前 Google just added a lot more choices ,以及容纳按钮所需宽度的有用图表(以px表示)。包含了一些其他细节,但没有关于动态CSS本身的任何内容。

您可能正在使用显示人们点击它的次数的按钮。我猜这就是为什么,当你从一位数长度变为两位数时,你的CSS就会失控,可以这么说。当你达到三位数的+ 1时,它将继续成为一个问题!

相反,您可以使用不显示+ 1的数字*的按钮。 选择一个按钮,在按钮下方显示+ 1的数字,而不是按钮旁边的 。然后,您将避免页面宽度可变性的问题,因为它更容易适应不同的页面长度而不是宽度。

* 这就是我的工作。我不希望我的网站和页面看起来如此可怜,2个计数或3个计数+ 1(如果我没有问过我的兄弟,将是0计数)永远。我宁愿没有人知道......