Question

我看了谷歌以及如何做到这一点，仍然没有找到任何东西。我不需要额外的按钮。我需要知道如何在我的网站上创建一个共享按钮的图标。我需要将此功能添加到我网站上当前的四个图标中; facebook，twitter，pinterest和email图标。您可以在我的网站http://boasish.com

上看到图标

与图标关联的html代码如下：

<div class="spyr_sliding_share">
<div class="spyr_sliding_share_text">Share</div>
<div class="spyr_sliding_share_wrap">
        <div class="spyr_sliding_share_button spyr_sb_facebook">
            <a href="#" class="icon icon-facebook"><span>Facebook</span></a>
        </div>
        <div class="spyr_sliding_share_button spyr_sb_twitter">
            <a href="#" class="icon icon-twitter"><span>Twitter</span></a>
        </div>
        <div class="spyr_sliding_share_button spyr_sb_pinterest">
            <a href="#" class="icon icon-pinterest"><span>Pinterest</span></a>
        </div>
        <div class="spyr_sliding_share_button spyr_sb_mail">
            <a href="#" class="icon icon-mail"><span>Email a Friend</span></a>
        </div>
    </div>
<div class="clear"></div>
</div>

忽略我的实际网站上以<div class="spyr_sb_inner">

开头的html的任何部分

Answer 1

将图像添加到您的css / class中，希望此帮助

例如：

从你的facebook课程开始

.spyr_sliding_share_button.spyr_sb_facebook {
    background-image: url('img/my-custom-facebook-icon.png');
}

/* this will remove the 'SPYR-Icons' icon */
.spyr_sliding_share_button.spyr_sb_facebook .icon:before {
    content: '';
}

Answer 2

我相信你正在寻找这样的东西：

http://www.sharethis.com/#sthash.BPfmMwb1.dpbs

它是免费的，如果需要，它将分享到多个频道。

如何在我的网站上创建一个共享按钮图标？

2 个答案: