多说分享组件自定义图标

以下给出了所有的图标,站长可以可以根据需要进行修改,删除。

去掉不需要的图标,保留需要的图标即可

去掉不需要的图标,保留需要的图标即可

去掉不需要的图标,保留需要的图标即可

16x16图标

HTML模板

<ul class="ds-share-icons-16">

   <li data-toggle="ds-share-icons-more"><a class="ds-more" href="javascript:void(0);">分享到:</a></li>

  <li> <a class="ds-weibo" href="javascript:void(0);" data-service="weibo">新浪微博</a> </li> 

  <li> <a class="ds-qzone" href="javascript:void(0);" data-service="qzone">QQ空间</a> </li> 

  <li> <a class="ds-sohu" href="javascript:void(0);" data-service="sohu">搜狐微博</a> </li> 

  <li> <a class="ds-renren" href="javascript:void(0);" data-service="renren">人人网</a> </li> 

  <li> <a class="ds-netease" href="javascript:void(0);" data-service="netease">网易微博</a> </li> 

  <li> <a class="ds-qqt" href="javascript:void(0);" data-service="qqt">腾讯微博</a> </li> 

  <li> <a class="ds-kaixin" href="javascript:void(0);" data-service="kaixin">开心网</a> </li> 

  <li> <a class="ds-douban" href="javascript:void(0);" data-service="douban">豆瓣网</a> </li> 

  <li> <a class="ds-qq" href="javascript:void(0);" data-service="qq">QQ</a> </li> 

  <li> <a class="ds-meilishuo" href="javascript:void(0);" data-service="meilishuo">美丽说</a> </li> 

   <li> <a class="ds-mogujie" href="javascript:void(0);" data-service="mogujie">蘑菇街</a> </li> 

   <li> <a class="ds-baidu" href="javascript:void(0);" data-service="baidu">百度</a> </li> 

   <li> <a class="ds-taobao" href="javascript:void(0);" data-service="taobao">淘宝</a> </li> 

   <li> <a class="ds-google" href="javascript:void(0);" data-service="google">谷歌</a> </li> 

   <li> <a class="ds-wechat" href="javascript:void(0);" data-service="wechat">微信</a> </li> 

   <li> <a class="ds-diandian" href="javascript:void(0);" data-service="diandian">点点网</a> </li> 

   <li> <a class="ds-huaban" href="javascript:void(0);" data-service="huaban">花瓣网</a> </li> 

   <li> <a class="ds-duitang" href="javascript:void(0);" data-service="duitang">堆糖</a> </li> 

   <li> <a class="ds-youdao" href="javascript:void(0);" data-service="youdao">有道云笔记</a> </li> 

   <li> <a class="ds-pengyou" href="javascript:void(0);" data-service="pengyou">朋友网</a> </li> 

   <li> <a class="ds-facebook" href="javascript:void(0);" data-service="facebook">Facebook</a> </li> 

   <li> <a class="ds-twitter" href="javascript:void(0);" data-service="twitter">Twitter</a> </li> 

   <li> <a class="ds-linkedin" href="javascript:void(0);" data-service="linkedin">Linkedin</a> </li> 

   <li> <a class="ds-msn" href="javascript:void(0);" data-service="msn">MSN</a> </li> 

  </ul>

32x32图标

HTML模板

<ul class="ds-share-icons-32">

   <li data-toggle="ds-share-icons-more"><a class="ds-more" href="javascript:void(0);"></a></li>

   <li> <a class="ds-weibo" href="javascript:void(0);" data-service="weibo"></a> </li> 

   <li> <a class="ds-qzone" href="javascript:void(0);" data-service="qzone"></a> </li> 

   <li> <a class="ds-sohu" href="javascript:void(0);" data-service="sohu"></a> </li> 

   <li> <a class="ds-renren" href="javascript:void(0);" data-service="renren"></a> </li> 

   <li> <a class="ds-netease" href="javascript:void(0);" data-service="netease"></a> </li> 

   <li> <a class="ds-qqt" href="javascript:void(0);" data-service="qqt"></a> </li> 

   <li> <a class="ds-kaixin" href="javascript:void(0);" data-service="kaixin"></a> </li> 

   <li> <a class="ds-douban" href="javascript:void(0);" data-service="douban"></a> </li> 

   <li> <a class="ds-qq" href="javascript:void(0);" data-service="qq"></a> </li> 

   <li> <a class="ds-meilishuo" href="javascript:void(0);" data-service="meilishuo"></a> </li> 

   <li> <a class="ds-mogujie" href="javascript:void(0);" data-service="mogujie"></a> </li> 

   <li> <a class="ds-baidu" href="javascript:void(0);" data-service="baidu"></a> </li> 

   <li> <a class="ds-taobao" href="javascript:void(0);" data-service="taobao"></a> </li> 

   <li> <a class="ds-google" href="javascript:void(0);" data-service="google"></a> </li> 

   <li> <a class="ds-wechat" href="javascript:void(0);" data-service="wechat"></a> </li> 

   <li> <a class="ds-diandian" href="javascript:void(0);" data-service="diandian"></a> </li> 

   <li> <a class="ds-huaban" href="javascript:void(0);" data-service="huaban"></a> </li> 

   <li> <a class="ds-duitang" href="javascript:void(0);" data-service="duitang"></a> </li> 

   <li> <a class="ds-youdao" href="javascript:void(0);" data-service="youdao"></a> </li> 

   <li> <a class="ds-pengyou" href="javascript:void(0);" data-service="pengyou"></a> </li> 

   <li> <a class="ds-facebook" href="javascript:void(0);" data-service="facebook"></a> </li> 

   <li> <a class="ds-twitter" href="javascript:void(0);" data-service="twitter"></a> </li> 

   <li> <a class="ds-linkedin" href="javascript:void(0);" data-service="linkedin"></a> </li> 

   <li> <a class="ds-msn" href="javascript:void(0);" data-service="msn"></a> </li> 

  </ul>