大Facebook分享按钮

Question

我想知道如何实现我看到的大型facebook分享按钮。是否有某个教程，或者也许是wordpress插件？那就是我正在使用的东西。

Here is an example我正在谈论的内容：

正常

悬停状态

Answer 1

Tuts +有类似的教程。 http://net.tutsplus.com/tutorials/html-css-techniques/build-awesome-practical-css3-buttons/

但基本上。这是一个css3渐变，在悬停时消失了。另外，为了创建双边框效果，他似乎使用了嵌套元素。

Answer 2

<a href="http://www.facebook.com/sharer.php?s=100&p[title]=YOUR TITLE&p[url]=YOUR URL&p[images][0]=YOUR IMAGE URL" class="facebook">Share on Facebook</a>

如果你想像大多数人那样在弹出窗口等中，请询问。

.facebook{
background: url(NONE HOVER FACEBOOK BUTTON IMAGE) no-repeat;
display:block;
width: WIDTH OF IMAGE;
height: HEIGHT OF IMAGE;
text-indent: -999em;
}
.facebook:hover{
background-image: url(HOVERSTATE FACEBOOK BUTTON IMAGE);
}