如何製作我的網站上已有的圖標分享按鈕？

-1

我已經看過谷歌以及如何在這裏如何做到這一點，仍然沒有找到任何東西。我不需要額外的按鈕。我需要知道如何製作我的網站上已有的圖標分享按鈕。我需要將此功能添加到我網站上的四個圖標; Facebook，Twitter，pinterest和電子郵件圖標。你可以看到在我的網站的圖標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">

來源

2014-09-25 k5432

那麼問題出在哪裏是什麼呢？ – fstanis 2014-09-25 22:16:30

@fstanis我重申了我的問題。對不起，我根本不清楚。 – k5432 2014-09-25 22:20:35

你在看這個：http://petragregorova.com/articles/social-share-buttons-with-custom-icons/ – Jatin 2014-09-25 23:27:01

我開始HTML的任何部分相信你在尋找這樣的事情：

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

它是FR如果需要的話，將分享到多個頻道。

來源

2014-09-25 22:17:16 dsketch21

感謝您的迴應，但這不是我要找的。我看到了這一點，但我希望將我自己的社交媒體圖標設爲社交分享按鈕。 – k5432 2014-09-25 22:26:38

的圖像添加到您的CSS /班，希望這有助於

例如：

開始與你的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: ''; 
}

來源

2014-09-25 23:19:24

感謝您的回覆，但我需要添加共享鏈接到網站上已有的當前圖標。我不需要隱藏圖標。 – k5432 2014-09-26 00:02:50

如何製作我的網站上已有的圖標分享按鈕？

回答

相關問題