1

我想知道如何实现我看到的大型 facebook 分享按钮。某处是否有教程，或者可能是 wordpress 插件？这就是我正在使用的。

这是我正在谈论的一个例子：

普通的

预习

悬停状态

参与预览

4

2 回答 2

0

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

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

于 2012-11-07T22:30:49.753 回答
-1 
<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);
}
于 2012-11-07T22:27:17.297 回答