HTML 分享页面到QQ/微信、微博等平台

详细的代码示例(完整的分享媒体id对应表详见转载链接)

//QQ空间 //新浪微博 //百度 //人人网 //QQ

clipboard.png

做的时候发现这些图标都是很过时的了,如果想要修改这些图标得自己重新做一张图片,通过图片位移来显示对应的图片
        .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{
            background-image: url('./icon.png') !important;
            padding-left: 32px !important;
            height: 32px !important;
            line-height: 32px !important;
        }
        .bdshare-button-style0-16 .bds_tsina{
            background-position: 0 -30px !important;
        }
修改后

HTML 分享页面到QQ/微信、微博等平台_第1张图片

你可能感兴趣的